# Tilda

{% embed url="<https://rutube.ru/video/c5ead3e56d17eefae013c1bf03203df7/>" %}

{% embed url="<https://youtu.be/Vzbm-T04yRU>" %}

Мы любим :heart: Tilda и не скрываем это.

У платформ для создания сайтов обычно есть свои блоки для создания веб форм, но они не интегрированы с CRM.&#x20;

Мы создали во FreshOffice **Конструктор веб форм**, который позволяет устанавливать формы на любой конструктор сайтов, любых платформ, в любом количестве, но в этой инструкции мы расскажем как это сделать именно в Tilda.

После регистрации посетителя сайта через формы FreshOffice, наши формы сделают все необходимое:&#x20;

* [x] Добавят компанию в CRM
* [x] Добавят информацию об источнике лида
* [x] Обогатят данными карточку, если участвовали рекламные кампании и реферальные ссылки
* [x] Запустят тригерную Автоматизацию

## &#x20;Как на Тильда разместить наши формы?

1. Вариант. Используем блок "вставка thml-кода"
2. Вариант. Используем Zero блок

Прежде чем начать работать с Tilda, во FreshOffice необходимо создать форму, настроить ее вид, прописать условия по лидогенерации и не забудьте позаботиться об автоответчике для клиента.&#x20;

{% content-ref url="/pages/-Mf7VTEkd64olci46EKS" %}
[Данные и вид](/integration/webform/view.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Mf7V\_lQxs1ZDqKvg97s" %}
[Лидогенерация из форм](/integration/webform/lead_generation.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Mf7VjUhCTfaiv7ARZd8" %}
[Автоответчик](/integration/webform/auto_answer.md)
{% endcontent-ref %}

После этого готовый код из FreshOffice копируем и переходим в Tilda в свой аккаунт.

### Вариант 1. Вставка html-кода

Пример как может выглядеть форма на сайте (фон, расположение и прочее как пример)

![](/files/-Mf9RKDfSlTq7mWu1aav)

Самый быстрый и простой способ для создания такой формы. У Tilda есть на этот случай своя инструкция.

{% embed url="<https://help-ru.tilda.cc/html>" %}

### Вариант 2. Zero блок для искушенных.

Например вы хотите создать в одной области (полоса сайта): слева форма, а справа текст и изображение

![](/files/-Mf9MuvZmkEn7ThgBJ5R)

* [x] Создайте в в Tilda нулевой блок
* [x] далее нажимаем на кнопку Редактировать блок
* [x] Внутри блока в верхнем левом углу нажимаем на круглую кнопку :heavy\_plus\_sign:&#x20;
* [x] в появившейся серой области вставляем код из FreshOffice

![](/files/-Mf9K4JAX-_fz04d0bCW)

После этого необходимо адаптировать раздел под все устройства. Более подробно об этом вы можете почитать на сайте Tilda.

{% embed url="<https://help-ru.tilda.cc/zero>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.myfreshcloud.com/integration/webform/forms-tilda.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.