Как на тильде сделать кнопку оставить заявку
Перейти к содержимому

Как на тильде сделать кнопку оставить заявку

  • автор:

Как создать свою кнопку в форме ZeroBlock на Tilda

Как выполнить данный пример:

1) Создали ZeroBlock
2) Добавили в него форму
3) Удалили надпись у кнопки формы и сделали ширину и высоту 0px
4) Создали обычную кнопку из button или shape
5) Назначили ей ссылку #sendmyform
6) Добавили код на страницу в блок ДРУГОЕ►Т123
В коде заменили ID нашего ZeroBlock #rec113649472

Внимание:

Пример работает только с одной формой на одной странице.
Применение скрипта к нескольким формам приведёт к ошибке его работы.

Пример формы со своей кнопкой.

Как настроить форму приема данных

Посмотрите видеоурок о том, как добавить настроить форму или прочитайте подробную инструкцию ниже.

Формы приема данных — блоки с полями, в которых посетители сайта вводят информацию (email, телефон), а вы получаете ее в сервисы приема данных.

Блоки с формами находятся в категории «Форма», также несколько блоков есть в категории «Обложка», «Контакты», «Подвал».

Готовые страницы опросов (форм с множеством полей) можно найти в шаблонах, в категории «Анкеты».

Рассказываем, как настроить поля в формах, отредактировать их внешний вид и как посмотреть полученные заявки внутри интерфейса Тильды.

Редактирование полей формы

В одной форме может быть до 100 полей.

Поля в форме настраиваются в меню «Контент» формы во вкладке «Поля для ввода».

Откройте меню «Контент» блока с формой
Перейдите в раздел «Поля для ввода»

Для каждого поля в форме есть отдельная карточка, в которой можно задать тип поля, заголовок и подзаголовок, подсказку значения, имя переменной и обязательность заполнения поля.

Заголовок поля — напишите, какую информацию нужно ввести, например, «Ваше полное имя». Этот текст выводится над полем.

Подзаголовок поля — если необходимо, расшифруйте заголовок, дайте инструкцию, например, «Укажите имя, фамилию и отчество». Этот текст выводится над полем, после заголовка.

Подсказка значения — напишите пример, как должно быть заполнено поле. Например, «Михайлов Сергей Александрович». Этот текст виден внутри поля до ввода в него данных.

Обязательно для заполнения — поставьте галочку, чтобы невозможно было отправить пустое поле, если наличие информации в этом поле критично.

Имя переменной задается по умолчанию в зависимости от типа поля. Если сервис приема данных из форм требует определенное имя переменной, то его можно поменять. Например, свои заранее заданные имена переменных есть у Mailchimp и Bitrix24.

В формах поддерживается несколько типов переменных для разных типов вводимых данных. В таблице ниже описаны типы полей, для чего они используются и что важно знать при их использовании.

Кнопка «Оставить заявку» для сайта

Потенциальные клиенты не всегда готовы долго просматривать сайт, самостоятельно искать товары и изучать описания услуг. Одним нужна консультация, другим — быстрые ответы на вопросы о ваших предложениях. Чтобы не упустить спешащих клиентов, пригодится кнопка «Оставить заявку». В этой статье подробнее разберём, зачем нужна такая кнопка, чем полезна и как её установить.

Зачем нужна кнопка «Оставить заявку»

Основное назначение кнопки «Оставить заявку» — сбор базы потенциальных клиентов. Посетителям сайта она помогает быстро обозначить интерес к вашему продукту. Например, нажать на кнопку, оставить в поле номер телефона с вопросом и дождаться звонка от менеджера магазина. За насколько кликов пользователь может связаться с вами и уточнить нужные детали. А вы получите заинтересованный контакт.

Чем полезна кнопка «Оставить заявку» для сайта

1. Упрощает путь пользователя. Многим проще нажать кнопку и задать вопросы менеджеру, чем искать информацию на сайте. Если же для связи с вами нужно самостоятельно позвонить в колл-центр или написать на почту, клиент с большей вероятностью уйдёт к конкурентам. Так простая клавиша облегчит контакт пользователей с отделом продаж.

2. Ускоряет контакт с менеджером. Прямое общение менеджера с клиентом бывает эффективнее самых продвинутых сайтов. Главное ­— вовремя предложить консультацию и быстро обработать запрос. С помощью кнопки вы можете дать клиенту осмотреться и самостоятельно решить, нужна ли ему помощь. Заявка с номером или адресом почты означает, что пользователь заинтересовался предложением и открыт к диалогу. Останется только оперативно связаться.

3. Собирает базу потенциальных покупателей. Даже если после разговора с менеджером человек оказался не готов к покупке, он может стать клиентом в будущем. Например, для таких клиентов можно создавать специальные предложения. А затем отправлять скидки на почту или по смс.

Как работают целевые кнопки «Оставить заявку»

Рассмотрим частый пример: посетитель сайта нажимает на кнопку, появляется форма. Поля в форме могут быть разными — например, просьба оставить телефон или адрес электронной почты. Данные из формы передаются менеджеру для связи с клиентом.

Как и другие целевые кнопки, кнопку «Оставить заявку» можно корректировать под свои задачи. Например, поменять цвет кнопки, добавить поле в форму. Можно даже сменить название кнопки на «Оставьте номер» или «Заказать звонок». Главное — сохранять привычную пользователям механику.

Совет. Рекомендуем делать кнопку заметного цвета, который будет выделяться на фоне сайта. А ещё — настроить её показ в нужный момент, чтобы пользователь успел осмотреться. Не стоит менять форму кнопки — клиент должен легко понимать, что перед ним кликабельная клавиша.

Как сделать кнопку «Оставить заявку» на Тильде или любом другом сайте

Добавить кнопку «Оставить заявку» можно с помощью программиста и HTML-кода. Но если у вас нет навыков программирования, есть более простой способ — использование готовых сервисов. Например, один из таких — СберЛид.

СберЛид позволяет легко добавить форму с кнопкой «Оставить заявку». В сервисе есть выбор готовых сценариев и шаблонов, которые можно адаптировать под дизайн вашего сайта. Для настройки не нужны специальные навыки. Оцените возможности сервиса бесплатно — первые 14 дней действует тестовый период.

Как сделать кликабельные email и номер телефона

Чтобы при клике на номер телефона начинался звонок или при клике на email открывался почтовый клиент, нужно навесить на них ссылки.

1. Ссылка, которую нужно задать тексту с номером телефона: tel:+71234567890 (все без пробела). Будет работать при просмотре сайта на мобильном телефоне, в случае открытия на компьютере откроет приложение, которое используется для звонков, если оно есть.

2. Пропишите в поле для ссылки ваш email, например, yourmail@mysite.com. При клике будет открываться приложение почты, которое установлено на устройстве посетителя.

Для кнопки укажите ваш email, начиная с mailto: , например, mailto:yourmail@mysite.com. При клике будет открываться приложение почты, которое установлено на устройстве посетителя.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *