как добавить форму заявки на тильда
Как добавить форму в конструкторе сайтов Tilda
Чтобы добавить форму на страницу сайта, созданного с помощью конструктора сайтов Tilda, Вам необходимо зайти во вкладку «Получить код» в необходимой форме и скопировать код из поля «Код для вставки на сайт. Javascript (рекомендуем)»:
Далее перейдите в Tilda в режиме редактирования Вашего сайта и кликните в необходимом месте, где нужно вставить форму:
Важно. В конструкторе сайтов Tilda возможность добавлять html-блок, который используется для добавления специфичных функций, уникальных элементов, любой код, включая тэги script style, доступен только в платных тарифах.
Слева откроется библиотека блоков, опуститесь вниз и выберите раздел «Другое»:
Нажмите кнопку HTML-код:
Этот блок добавится и далее нажмите кнопку «Контент» для редактирования:
Теперь, вставьте ранее скопированный код формы, в поле «HTML КОД/КОД ВИДЖЕТА»:
Нажмите кнопку «Сохранить и закрыть»:
Добавленный код сохранится и, чтобы увидеть изменения, кликните «Опубликовать»:
После публикации форма будет уже отображена на странице сайта:
Если необходимо, чтобы форма открывалась в виде всплывающего окна (Popup) по клику кнопки, которая у Вас добавлена с помощью инструментов Tilda, Вам необходимо выбрать добавления HTML-блока в виде «Popup HTML-код в попапе»:
Блок попапа добавится и далее нажмите кнопку «Контент» для редактирования :
В Tilda попап работает таким образом:
В режиме редактирования блока попапа вставляете такой же код, только необходимо добавить такие строчки, чтобы не было дублирования:
Этот код проверяет, если попап отображается, то делается небольшая задержка и форма вставляется, а если попап скрыт, то ничего не происходит.
В поле «ССЫЛКА НА POPUP», Вы должны использовать указанную ссылку для кнопок или блока, где должен показываться этот попап. Например, добавили кнопку «Кнопка всплывающего окна», заходим в настройки этой кнопки и в поле «ССЫЛКА ДЛЯ КНОПКИ» указываем ссылку, ранее полученную:
Если будете использовать код формы несколько раз на странице, то необходимо руководствоваться этой инструкцией по добавлению кода.
Теперь, при клике на заданную кнопку, откроется попап:
Если Вы будете вставлять всплывающее окно на страницу, в виде «Ушко», то скопируйте необходимый код в нашем конструкторе:
И также добавьте HTML-код и зайдите в настройки редактирования, кликнув кнопку «Контент»:
Вставьте код в поле «HTML КОД/КОД ВИДЖЕТА», нажмите «Сохранить и закрыть» и «Опубликовать»:
На сайте появится всплывающее окно в виде «Ушко»:
Чтобы добавить всплывающее окно в виде кнопки, внешний вид которой, Вы можете настроить в нашем конструкторе, то таким же образом добавляете код с помощью HTML-блока. Аналогичным образом добавляется код и для всплывающего окна в виде автопоказа.
Стоит отметить, если Вы встраиваете несколько форм на странице, то необходимо изменить значение после ID формы: (form_
Как настроить форму приема данных
Посмотрите видеоурок о том, как добавить настроить форму или прочитайте подробную инструкцию ниже.
Блоки с формами находятся в категории «Форма и кнопка», также несколько блоков есть в категории «Обложка».
Готовые страницы опросов (форм с множеством полей) можно найти в шаблонах, в категории «Анкеты».
Рассказываем, как настроить поля в формах, отредактировать их внешний вид и как посмотреть полученные заявки внутри интерфейса Тильды.
В одной форме может быть до 100 полей.
Поля в форме настраиваются в меню «Контент» формы во вкладке «Поля для ввода».
Заголовок поля — напишите, какую информацию нужно ввести, например, «Ваше полное имя». Этот текст выводится над полем.
Подзаголовок поля — если необходимо, расшифруйте заголовок, дайте инструкцию, например, «Укажите имя, фамилию и отчество». Этот текст выводится над полем, после заголовка.
Подсказка значения — напишите пример, как должно быть заполнено поле. Например, «Михайлов Сергей Александрович». Этот текст виден внутри поля до ввода в него данных.
Обязательно для заполнения — поставьте галочку, чтобы было невозможно было отправить пустое поле, если наличие информации в этом поле критично.
Имя переменной задается по умолчанию в зависимости от типа поля. Если сервис приема данных из форм требует определенное имя переменной, то его можно поменять. Например, свои заранее заданные имена переменных есть у Mailchimp и Bitrix24.
Как правильно оформить Форму заявки на лендинге
Форма для заявки на сайте — основной блок, который есть на вашей посадочной с странице.
Форма собирает не просто данные о каком-то пользователе, а непосредственно о потенциальном покупателе вашей услуги. Но для того, чтобы повысить конверсию (совершение действия), необходимо придерживаться нескольких правил.
Давайте разберем их подробнее.
«Все должно быть изложено так просто, как только возможно», — писал Альберт Эйнштейн.
Структура вашей страницы должна быть понятна и ясна, все элементы должны нести смысл и находиться на своем месте. Форма заявки на сайте является самым важным элементом, поэтому этот блок должен быть самым понятным.
Если вам все-таки необходимо сделать дополнительный вариант формы для пользователя, ставьте ее в самый низ странички (отдельно от основной формы) и обязательно сделайте ее визуально другой. Она должна иметь иную структуру (выберите другой тип блока с формой), другой основной цвет и тд. Это позволит пользователю не запутаться и отличить основную форму от дополнительной.
По стандартам и законам современного интернета, вы должны брать согласие у пользователя о том, что хотите собрать и использовать его личные данные.
Для этого разместите под формой сбора данных стандартную формулировку: «Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности».
Добавить надпись под форму можно в разделе «Контент» > «Текст под формой».
Но одной фразы мало! Вам необходимо иметь ту самую политику на вашем сайте. Сделать ее можно здесь: https://tilda.cc/ru/privacy-generator/
Разместите ссылку на эту страницу в футере вашего сайта. Кроме того, можно сделать кликабельной фразу «политикой конфиденциальности» под формой — пусть она ведет на соответствующую страницу. Так вы вдвойне себя обезопасите.
Ваш пользователь не должен заблудиться на страничке, ему должно быть все ясно и понятно: куда он должен идти и где он может заказать товар.
Дублируйте кнопку с призывом заказать услугу через некоторое количество блоков, добавьте кнопку, ведущую на форму в верхнее меню сайта… Только не переусердствуйте! Если будете навязывать заказ вашей услуги — пользователь вас покинет.
Экспортированный с Тильды сайт: как вернуть формы?
Тильда, по сравнению с другими конструкторами сайтов, даёт простор для работы с фидбэком: 10-ки тонко настраиваемых форм, интеграции со всем: от мессенджеров и почты до сервисов по рассылке и CRM. Формы в подвале, обложках, поп-апах, отправка целей, внутренняя Tilda-CRM.
Плохо лишь одно — это изобилие развалится при экспорте Тильдо-сайта на сервер, чтобы перестать платить минимум 6 тысяч в год.
Для многих, увеличение расходов на ТП-Тильды — лишняя трата денег. Но при экспорте готового настроенного сайта из Тильды на хостинг:
Виджеты Тильды
В самой Тильде сделать обратную связь довольно просто:
Также здесь находится URL уникальной страницы Тильды, просмотр которой нужно задать в Метрике и Google Analytics как достижение отправки формы. В «Контенте» блока формы настраиваются шапка, текст, поля, плейсхолдеры, подключатся интеграции. Сложностей обычно это не вызывает ни у кого.
Плюсы и минусы стандартных форм ТильдыПлюсы:
Минус один, но очень жирный. Нельзя выгрузить сайт с Тильды на хостинг. В противном случае функции пропадут.
Формы Яндекс и Гугл
Многие в поисках спасения обращаются к самому очевидному варианту — сервисы для создания форм от Яндекса и Гугла. Оба варианта реализуются вставкой готового кода через блок тильды «HTML-код».
Яндекс.Форма на Тильде
Создадим простой фидбэк через сервис Яндекса:
Плюсы:
Минусы:
Гугл Формы + Тильда
Также как и Яндекс.Формы, сервис google.forms.com больше подходит для создания анкет на сайтах, но можно изловчится и сделать подобие обратной связи.
Но в этом случае данные нельзя получить даже на почту — только обрабатывать внутри сервиса.
Написать форму с нуля
Обратную связь на выгруженном сайте можно настроить вручную. Это под силу человеку с базовыми знаниями безопасного программирования, который владеет PHP, jQuery, AJAX. Чисто технически, форма на сайте уже есть. Понадобится только заново настроить обработку отправляемых данных, уведомления на почту, вебхуки для интеграций, отправку без перезагрузки и достижения целей в метрике.
К сожалению, в рамках этой статьи разобрать всё многообразие задач со всеми блоками форм тильды не получится точно (полная инструкция есть здесь), но поделится простым рецептом восстановления работы экспортированной формы мы можем:
Плюсы:
Минусы:
Платные и условно бесплатные сервисы
Сервисов для конструирования форм и обработки заявок 10-ки, если не сотни. Почти все они условно-бесплатны, то есть имеют ограниченный функционал на бесплатных тарифах.
Плюсы бесплатных версий:
Пожалуй, на этом все. Функции бесплатных сервисов ограничены. Доступ к платным версиям обычно по подписке. Стоит это от пары сотен до нескольких тысяч в месяц. Естественно, бесплатные тарифы подразумевают много ограничений:
Среди всего многообразия платформ привлекает QForm24 (это мы). Во-первых, сервис полностью бесплатный, и не перестанет им быть — дополнительный платный функционал только в разработке и не будет обязательным.
Пример жёстких ограничений на популярных конструкторах форм
Плюсы:
Tilda — удобный конструктор. Но пользоваться ей только ради работы форм обратной связи не слишком выгодно. Если у вас не получается или нет возможности реализовать весь функционал самостоятельно, обратите внимание на QForm24.com — он полностью бесплатен и поможет восстановить форму, оставшуюся без стандартного обработчика Тильды.
Заявки с Тильды: ТОП-5 способов настроить поток клиентов
О том, как Тильда стала мощным каналом продвижения онлайн-бизнеса, известно немногим. На самом деле страницы, сверстанные на данном блочном конструкторе, активно и легко индексируются поисковыми системами.
Причин несколько: быстрая загрузка, адаптация под мобильные устройства, возможности SEO-настроек и отсутствие лишних кодов и скриптов.
Также для верстки и продвижения не требуются специальные навыки программирования.
Давайте подробно разберемся, как настроить поток клиентов и заявок c Тильды в 2021 году.
Что представляет собой Тильда
В том случае, если бизнес-задача заключается в продаже или презентации, то вам вполне может подойти Тильда (сайт-конструктор, в котором не используются коды).
Естественно, мы не возводим Тильду в ранг абсолюта или панацеи, ведь существует масса похожих решений.
Но раз уж речь идет о ней, о Tilda, тогда нельзя не рассказать о ее преимуществах:
1. Экономичность.
Стоимость разработки сайта на Тильде начинается от нуля рублей (сделать можно самостоятельно, без каких-либо специальных навыков).
Если заказывать работы у профессионалов, то в любом случае, стоимость работ будет в 2 раза ниже, чем на CMS (система для управления обычными сайтами).
В свою очередь, пользователь пришел на ресурс за товаром/услугой и ему все равно, где и кем сделан сайт. 
2. Простота и скорость создания.
Внутренний функционал позволяет быстро подключать те или иные опции, которые не нужно тестировать.
Среднее время запуска лендинга 1-2 недели, сайта — 3-4 недели.
3. Широкий функционал.
Платная версия сайта дает доступ к огромному количеству функций, в том числе, получению заявок из форм обратной связи.
Обязательно прочитайте: Как увеличить показатели конверсии сайта с помощью дизайна 
4. Безопасность и обновление.
Владельцу сайта, созданного на Тильде, не нужно беспокоиться за кибербезопасность, отслеживать защиту от вирусов и устаревание софта. Платформа берет на себя данные проблемы.
ТОП-5 способов получения клиентов с платформы
Чтобы заявки с Тильды стали регулярными, необходимо комплексное маркетинговое воздействие, а именно:
2. Таргетированная и/или контекстная реклама настраивается на совершение целевого действия «Оптимизация на конверсию».
Обратите внимание, что цель «Трафик» не является гарантом потока новых клиентов и заказов. Трендом 2021 года является именно оптимизация на конверсию.
3. PR или разработка и написание статей на сторонних площадках с переливанием трафика на свой интернет-ресурс.
Помните, что подобные публикации предназначены для информирования потенциальных клиентов, поэтому в них не должно быть явного рекламного посыла.
Глобальной целью будет формирование положительной репутации компании или бренда, а также рост их популярности и узнаваемости. 
5. Реклама у блогеров на популярных интернет-площадках (Ютуб/Инстаграм/ТикТок) с переливом трафика на лендинг.
Таким образом, можно расширять охваты и увеличивать конверсии.
Кейсы
В этом кейсе расскажем о выстраивании системы привлечения клиентов на покупку обучающего курса по запуску бизнеса на маркетплейсах.
Трафик велся на лендинг, созданный на Тильде.
Полная информация о кейсе здесь. 
Заключение
Тильда-заявки — относительно новый канал трафика.
Используйте возможности встроенного функционала платформы для экономии финансов и получения быстрого результата.
Создание сайта на Тильде посильно без привлечения программиста и верстальщика, но при этом страницы легко индексируются поисковыми системами.