Как добавить кнопку в Тильде и настроить переход

Кнопка в Тильде ставится в два поля: подпись и ссылка. Как добавить кнопку в Тильде: выберите обычный блок с кнопкой, впишите текст подписи, в меню «Контент» блока укажите адрес страницы, опубликуйте страницу и проверьте переход. Zero Block, формы, оплата и код не нужны — достаточно заполнить подпись и ссылку и пройти по чек-листу.

Добавьте блок с кнопкой

Добавьте на страницу обычный блок с кнопкой. В справке Тильды шаг описан так: добавьте блок с кнопкой и откройте меню «Контент» ^[1].

Подпись кнопки правится в меню «Контент» блока, в поле «Текст кнопки» ^[2]. Откройте это поле и впишите текст, который человек прочитает перед нажатием. Пишите действие: «Записаться на консультацию», «Смотреть программу», «Скачать чек-лист». Подпись отвечает на вопрос «что произойдёт», а не описывает раздел сайта.

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

Укажите адрес страницы

Ссылка задаётся в том же меню «Контент», в поле «Ссылка для кнопки»: туда ставится адрес страницы, на которую должен перейти посетитель ^[1].

Адрес бывает двух видов:

• полный (абсолютный): http://mysite.com/page-about;
• относительный: /page-about ^[1].

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

Важное ограничение: в редакторе виден системный адрес страницы, он не публичный, и его нельзя ставить в ссылку ^[1]. Публичная ссылка появляется после публикации страницы — её и нужно копировать в поле кнопки ^[1].

Перед проверкой опубликуйте целевую страницу и откройте её публичный адрес напрямую в браузере.

Опубликуйте и проверьте переход

Порядок такой:

1. Опубликуйте страницу, на которую ведёт кнопка.
2. Скопируйте её публичный адрес из окна публикации.
3. Вставьте адрес в поле «Ссылка для кнопки» и сохраните блок.
4. Опубликуйте страницу с кнопкой.
5. Откройте опубликованную страницу и нажмите кнопку.

Справка прямо указывает: опубликуйте страницу, чтобы проверить работу ссылки ^[1].

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

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

Учебный пример кнопки

Учебный пример. Сайт example.com: главная / и уже опубликованная страница /consultation. Кнопка на главной ведёт на страницу консультации. Кнопка делает только переход, заявку на следующей странице настраивают отдельно.

В учебном примере подпись — «Записаться на консультацию», а адрес перехода — /consultation. Проверьте оба значения перед публикацией главной страницы.

Второй вариант заполнения поля для этого учебного сайта — полный адрес http://example.com/consultation.

Ожидаемый результат примера: нажатие на кнопку на опубликованной главной открывает страницу консультации на компьютере и на телефоне. Если открывается редактор или другой адрес — вернитесь в поле «Ссылка для кнопки» и сверьте адрес с публичной ссылкой целевой страницы.

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