Как создать свою кнопку в форме ZeroBlock на Tilda
Как выполнить данный пример:
1) Создали ZeroBlock
2) Добавили в него форму
3) Удалили надпись у кнопки формы и сделали ширину и высоту 0px
4) Создали обычную кнопку из button или shape
5) Назначили ей ссылку #sendmyform
6) Добавили код на страницу в блок ДРУГОЕ►Т123
В коде заменили ID нашего ZeroBlock #rec113649472
Внимание:
Пример работает только с одной формой на одной странице.
Применение скрипта к нескольким формам приведёт к ошибке его работы.
Пример формы со своей кнопкой.
Как поставить цель на ссылку или кнопку в Zero Block?
На стороннюю ссылку цель можно добавить с помощью стороннего кода. Пример кода: Отправка события в Яндекс.Метрику о достижении цели при клике на ссылку/кнопку.
Советуем вам использовать расширение, которое поможет получить уникальный селектор для любого элемента сайта, например, jQuery Unique Selector.
Для кнопки в Zero Block можно установить цель в настройках элемента: выделите элемент с кнопкой → нажмите «Settings» → в поле «Click tracking» установите значение «Send data to analytics» → сохраните изменения. Опция доступна, если к вашему сайту подключены сервисы аналитики.
Похожие вопросы
- Как установить счётчик для Яндекс Метрики или Google Analytics?
- Не работают цели в Метрике
- Не работает Вебвизор Яндекса. Как включить?
- В Яндекс.Метрике, Google Analytics и в Тильде разные показатели посещений. Что делать?
- Как смотреть статистику сайта?
Лендинг на Tilda: как добавить кнопку?
13.05.2020
Сложность: новичок
6 мин.
10 145
CTA (от англ. call-to-action, призыв к действию) — один из самых важных компонентов любого сайта. Простой конструктор Tilda не требует знаний верстки, чтобы добавить недостающий элемент. Давайте разберемся, как можно добавить кнопку на ваш сайт, собранный на Тильде.
Как добавить кнопку в существующий блок
Если вы хотите добавить призыв к действию в уже существующем блоке, зайдите в настройки контента. В информационно-текстовом блоке у вас появятся поля с вариантами контента, который вы можете добавить. Выбираем вкладку “кнопка” и переходим к ее редактированию. Здесь можно добавить название кнопки, ссылку и возможность ее открытия в новой вкладке.
Рис.1. Редактирование кнопки в настройках контента
После основных настроек кнопки, можно перейти к визуальному оформлению. Для этого заходим в “Настройки” (верхний левый угол блока) и приступаем к редактированию.
*Для того, чтоб кнопка была по центру блока в настройке “Выравнивание заголовочной секции блока” выберете “По центру”.
Рис.2. Вкладка редактирования кнопки в “Настройках”
В настройках находим вкладку “стиль кнопки” и выбираем необходимый дизайн. Если вы развернете вкладку “дополнительные настройки”, то сможете настроить тени, изменение цвета при наведении и другие классные эффекты. После того, как вы внесли все необходимые изменения, нажмите “сохранить и закрыть”. Кнопка добавлена в ваш блок!
Как добавить кнопку отдельным блоком
Если вы хотите добавить кнопку в новом отдельном блоке, для этого нужно нажать на значок “+” между блоками или на пустой странице. Слева у вас появится окно с возможным контентом, в котором нужно выбрать вариант “форма и кнопка”.
Рис.3. Добавление кнопки в новом блоке
В данной категории вы можете выбрать разные форматы для вашей кнопки: простой CTA, кнопка с призывом, форму для заполнения с кнопкой и многое другое. Обратите внимание, что большинство контента в этом разделе доступно на оплаченном аккаунте.
После того, как вы добавили кнопку на новом блоке, вы можете отредактировать ее в привычном меню слева вверху блока. В “настройках” можно полностью поменять визуал, а в “контенте” исправить текст и ссылку кнопки.
Рис.4. Здесь можно отредактировать кнопку
Вот такая простая, но, надеемся полезная статья у нас сегодня получилась о работе с Tilda.
Остались вопросы по работе с конструктором Тильда?
Не нашли ответ на интересующий Вас вопрос? Или у вас возникла другая проблема, в работе с Tilda? Задавайте вопросы, которые Вас интересуют в комментариях, на них оперативно ответит специалист отдела разработки Convert Monster.
ВЕра Здравствуйте ! Обращаюсь к вам по такому вопросу. я сделала самостоятельную кнопку под формой, (так как не смогла в форме расположить ее по середине) и теперь не знаю куда будут отправляться заявки и впринципе как сделать ее рабочей?
Как создать кастомную кнопку в ZeroBlock в Tilda
Затем создали ещё одну кнопку в размер предыдущей и сделали её полностью прозрачной и без границ. Задали ей ссылку #mybutton
(можно любую свою ссылку)
. И наложили эту кнопку поверх первой и нашего контента (иконки и текста). Получился такой бургер кнопка-контент-кнопка
Затем добавили на страницу код в блок Другое►Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём сложную кнопку в ZeroBlock с произвольным расположением элементов и анимацией.
Продолжительность видео: 20 мин