Установка онлайн-записи на произвольную кнопку в Tilda
1. Добавьте кнопку, которая будет кнопкой для онлайн-записи, и опубликуйте сайт.
Настройка обычной кнопки
В Библиотеке блоков выберите вид Форма и кнопка и добавьте Кнопку.
В Контенте блока измените название кнопки, введите, например, Записаться. В поле Ссылка для кнопки укажите знак #. Сохраните и закройте блок.
Настройка кнопки из нулевого блока
Добавьте Нулевой блок, нажмите кнопку Редактировать блок, а затем добавьте кнопку (Add Button). Для настройки кнопки нажмите на нее и в открывшемся справа меню выберите название, цвет, шрифт и т.д. В поле Link введите знак #. Сохраните и закройте окно редактирования блока (Save -> Close).
2. После последнего блока добавьте блок HTML. В Контент блока добавьте код, представленный ниже, и сохраните.
var scriptService = document.createElement(‘script’);
scriptService .src = «ссылка из меню Код кнопки»;
scriptService .type = «text/javascript»;
scriptService .charset = «UTF-8»;
где CLASS – значение поля class из кода кнопки, ссылка из меню Код кнопки – значение из формы онлайн-записи YCLIENTS (о том, как найти эти данные, вы узнаете ниже).
3. Перейдите на опубликованный сайт и нажмите правой кнопкой мыши на кнопку для онлайн-записи, выберите пункт Просмотреть код. Скопируйте содержимое поля class
и вставьте в HTML-код, который вы добавили ранее, вместо слова CLASS не просто t-btn t142__submit, а
Значение поля class вашей кнопки может отличаться от примера в данной инструкции.
4. В YCLIENTS в основном меню перейдите в раздел Онлайн-запись – Вебсайт. Выберите необходимую форму онлайн-записи. В появившемся новом окне перейдите во вкладку Настройки кнопки и для отключения создания круглой кнопки по умолчанию снимите галочку Включить кнопку (подробности в статье Настройки кнопки).
Перейдите на вкладку Код кнопки и скопируйте ссылку по примеру ниже, вставьте ее вместо слов Ссылка из меню Код кнопки в HTML код, который вы добавили ранее.
Нажмите кнопку Сохранить и закрыть, опубликуйте сайт.
Примечание
Если виджет YCLIENTS будет вызываться по кнопке из главного меню (например, у блока ME403 есть возможность выводить кнопку в раскрытом меню), то значение в поле class, скорее всего, будет t-btn. В этом все будет работать корректно.
Но если добавить кнопку для YCLIENTS в любом zero-блоке, то значение поля class будет tn-atom. Это же значение tn-atom будет и на всех остальных кнопках и гиперссылках во всех zero-блоках. То есть, если кроме кнопки YCLIENTS в zero-блоке будет, например, кликабельный номер телефона, e-mail или другая ссылка, то по ним также будет вызываться виджет YCLIENTS, а не то, что предполагалось.
Вопрос решается с помощью верстки: можно убрать кнопки из zero-блоков и поставить сразу под ними родной блок с кнопкой BF101.
Как добавить кнопку для лендинга на Tilda
Аббревиатура СТА происходит он английского словосочетания call-to-action, что означает «призыв к действию». Такой призыв является важнейшим компонентом любого сайта. Для его создания можно использовать конструктор Tilda, очень легкий и удобный, не требующий специальных навыков, в том числе и знания верстки. Рассмотрим способы добавления кнопки на веб-ресурс, собранный на Тильде.
Создание кнопок СТА – один из важных аспектов при создании посадочных страниц. Специалисты дают рекомендации, советы, как создавать лендинг.
В уже имеющийся блок
Если необходимо создать элемент сайта, побуждающий к действию на уже имеющемся блоке, нужно зайти в настройки контента. В текстово-информационном разделе появляются возможные варианты контента. Среди них следует выбрать раздел «Кнопка» и перейти к ее редактированию. После чего настроить название кнопки, ссылку и возможность ее открытия в новой вкладке.
Выбрав основные настройки нужного элемента, приступаем к ее внешнему дизайну. С этой целью открываем раздел «Настройки» в верхнем левом углу и начинаем редактировать.
Если элемент с призывом к действию должен находиться в середине страницы, в настройке “Выравнивание заголовочной секции блока” следует выбрать опцию “По центру”.
Для создания необходимого внешнего вида кнопки следует открыть в настройках вкладку «Стиль кнопки». Найдя в ней раздел «Дополнительные настройки», получаем возможность создать тени, изменение цвета при наведении и еще много впечатляющих эффектов.
После внесения всех выбранных параметров следует нажать «Сохранить и закрыть». Теперь у вас имеется требуемый элемент лендинга.
Добавление отдельным блоком
Чтобы добавить элемент СРА в новом отдельном блоке, следует кликнуть по символу «+» между блоками или на свободной странице. Слева откроется окошко с имеющимися вариантами контента. В нем следует открыть раздел «Форма и кнопка».
В открывшейся вкладке есть возможность выбрать разные формы для создаваемой кнопки: простой CTA, кнопка с призывом, форму для заполнения с кнопкой и многое другое. Следует помнить, что большая часть контента из этой категории доступна на оплаченном аккаунте.
Добавив кнопку в новом блоке, можно откорректировать ее в уже знакомом меню слева в верхней части блока. Есть возможность целиком изменить визуал, зайдя в «Настройки», а в «Контенте» отредактировать текст и ссылку кнопки.
Работа с конструктором Tilda очень проста и доступна каждому, потому что не требует никаких особых навыков и умений.