> For the complete documentation index, see [llms.txt](https://help.myfreshcloud.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.myfreshcloud.com/integration/webform/forms-tilda.md).

# 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>" %}