Установка онлайн-записи на произвольную кнопку в 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 очень проста и доступна каждому, потому что не требует никаких особых навыков и умений.
Tilda — изменить ссылку кнопки [закрыт]
Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение.
Закрыт 3 года назад .
Есть сайт на Tilda. Есть блок ST310N или же каталог товаров. Когда нажимаю на товар высвечивается галерея товара(или же подробное описание, попап), там есть кнопка добавить в корзину. Как изменить ссылку этой кнопки?
В добавок скажу, что там можно изменить название этой кнопки, а вот как изменить ссылку для меня загадка. В поддержке ответили, что сделать это можно только через сторонний код. Также скажу, что можно добавить кастомный html код на страницу. 
Как на Тильде сделать ссылку
Стоит начать с того, что в работе с Тильдой существует несколько различных ситуаций, в которых вам может понадобиться сделать ссылку:
- Создание ссылки в тексте.
- Создание ссылки в готовом блоке.
- Создание ссылки с элемента в Zero Block.
- Создание якорной ссылки.
Создание ссылки в тексте
Самое простое, что может быть в Тильде. Чтобы сделать ссылку, нужно кликнуть на текст в готовом блоке, при этом вверху появится панель с функциями. Выделите мышкой часть текста, которую вы хотите сделать ссылкой и нажмите в верхнем меню на иконку скрепки. В поле «Укажите ссылку» введите относительную (если это ссылка на внутреннюю страницу на Тильде) или абсолютную (если это внешняя ссылка) ссылку. Отметьте чекбокс «Открыть ссылку в новой вкладке», если это внешняя ссылка.
Ниже вам будут доступны дополнительные настройки: цвет текста, цвет и толщина линии, rel=»nofollow».
Создание ссылки в готовом блоке
Создание ссылки с элемента в Zero Block
В зависимости от того, с какого типа элемента в Zero Block нужно сделать ссылку, мы выполняем различные действия. Принцип добавления ссылки в текстовый блок такой же как для готового блока. Необходимо дважды кликнуть по текстовому блоку и в открывшейся панели нажать на иконку скрепки. Далее появляется панель, описанная в главе «Создание ссылки в тексте».
Чтобы на Тильде сделать ссылку с элементов Image и Shape, необходимо кликнуть на элемент левой кнопкой мыши, затем нажать на кнопку Settings в правом нижнем углу. В открывшемся окне открываем секцию Link и указываем ссылку в поле URL. Также можно настроить дополнительные параметры: Target (открывать или нет в новом окне) и Rel Nofollow (запрет перехода по ссылке для поискового робота).
Для элемента Button все идентично предыдущим двум элементам, но в окне настроек отсутствует секция Link. Ссылка указывается в поле URL.
Создание якорной ссылки
Бывают ситуации, когда ссылка должна вести не на отдельную страницу, а на конкретный блок внутри существующей или отдельной страницы. В этом случае нам на помощь приходит якорная ссылка. Чтобы на Тильде сделать якорную ссылку, необходимо в Библиотеке блоков нажать на категорию «Другое» и там выбрать блок Т173. Разместите его перед тем блоком, на который вы хотите ссылаться.
Наведите на созданный блок и в левом верхнем углу нажмите на «Контент». В поле «Имя якорной ссылки» укажите латиницей название для якорной ссылки. Хорошо, если оно будет по смыслу соответствовать блоку, на который вы хотите ссылаться.
Далее переходите к тому элементу, который должен ссылаться на выбранный блок. Это может быть один из элементов, описанных в предыдущих разделах. Необходимо указать имя якорной ссылки, поставив перед ним значок решетки. Пример якорной ссылки: #contacts. Если вы хотите указать ссылку на блок на другой странице, вы просто добавляете перед якорной ссылкой адрес этой страницы: /path/#contacts
Возможен еще один вариант. Вы можете навести на блок, на который хотите сослаться и в левом верхнем углу нажать на «Настройки». Необходимо прокрутить в самый низ окна и скопировать значение в поле Block ID — это имя уникальной якорной ссылки блока. Ее необходимо прописать в том месте, откуда вы хотите сделать якорную ссылку.
Если у вас остались вопросы о том, как на Тильде сделать ссылку, пишите их в комментариях к этой статье.