На Тильде меню, кнопки и ссылки настраиваются через «Контент» блока: там указывается, куда ведёт пункт меню или кнопка — на другую страницу, на блок этой же страницы, на телефон или внешний сайт. Ниже — пошаговые инструкции по справке Tilda и типичные ошибки.
Как сделать меню на сайте Тильда
- Откройте библиотеку блоков и выберите категорию «Меню».
- Добавьте подходящий блок и нажмите у него «Контент».
- Для каждого пункта впишите название и ссылку. Можно не вписывать адрес вручную: наведите мышку на пункт и выберите «Выбрать страницу» или «Выбрать блок».
- Опубликуйте страницу и проверьте меню на компьютере и телефоне.
Одно меню на все страницы. Создайте отдельную страницу только с блоком меню и назначьте её шапкой: Настройки сайта → Шапка и подвал. Затем переопубликуйте все страницы — меню появится везде, а править его нужно будет в одном месте.
Меню, которое остаётся наверху при прокрутке, делается в Zero Block: в настройках элемента выставьте позицию Fixed. Можно настроить, чтобы меню появлялось после прокрутки на заданное число пикселей.
Как сделать кнопку и поставить на неё ссылку
- Добавьте блок с кнопкой — в обложках, формах и блоках «Кнопка» они уже есть.
- Откройте «Контент» блока и найдите поле «Ссылка для кнопки».
- Впишите, куда ведёт кнопка — варианты ниже.
- Цвет, размер и скругление кнопки меняются в «Настройках» блока.
Какие бывают ссылки
| Куда ведёт | Что вписать |
|---|---|
| Другая страница сайта | /about — относительный адрес, или полный: https://mysite.ru/about |
| Блок на этой же странице | #contacts — имя якоря блока, или номер блока вида #rec129000 |
| Блок на другой странице | /about#contacts |
| Внешний сайт | Полный адрес с https:// |
| Звонок | tel:+79990000000 |
| Письмо | mailto:mail@mysite.ru |
| Telegram | https://t.me/имя_пользователя |
Как сделать якорную ссылку на блок
- Откройте настройки нужного блока, прокрутите вниз и нажмите «Якорная ссылка».
- В поле «Имя якорной ссылки» впишите короткое латинское название, например
contacts, и сохраните. - В кнопке или пункте меню поставьте ссылку
#contacts. - Чтобы страница прокручивалась плавно, добавьте блок T178 из категории «Другое» — «Плавный скролл до локальной ссылки». Одного такого блока на странице достаточно.
Не называйте якоря #price и #order — это системные названия Tilda, такие ссылки могут работать неправильно.
Частые ошибки
- Проверяют ссылку до публикации. Пока страница не опубликована, у неё системный адрес, который видите только вы. Опубликуйте страницу, потом проверяйте.
- Сменили адрес страницы, а ссылки остались старые. Адрес задаётся в Настройках страницы → Главное; после смены обновите ссылки в меню и кнопках.
- Забыли про телефон. Проверьте, что меню на мобильных открывается и все пункты кликаются.
- Кнопка ведёт «никуда». Пустое поле ссылки — частая причина потерянных заявок. Нажмите каждую кнопку после публикации.
Если собираете сайт сами, пригодится пошаговая инструкция «Как сделать сайт на Тильде самостоятельно». А если нет времени разбираться — сделаем лендинг на Tilda под ключ.
Частые вопросы
- Как сделать меню на сайте Тильда?
- Добавьте блок из категории «Меню», в «Контенте» впишите пункты и ссылки или выберите страницу и блок. Чтобы меню было на всех страницах, назначьте страницу с меню шапкой в Настройках сайта → Шапка и подвал.
- Как сделать ссылку на блок на Тильде?
- В настройках блока нажмите «Якорная ссылка» и задайте имя, например contacts. В кнопке или меню поставьте ссылку #contacts.
- Почему ссылка на Тильде не работает?
- Чаще всего страницу не опубликовали, сменили её адрес без обновления ссылок или оставили пустым поле «Ссылка для кнопки».