Как сделать ссылку в Тильде: все нюансы кликабельных ссылок


Сейчас кликабельные ссылки на сайтах считают нормой, они везде: внутренние переходы по страницам, звонок по телефону, письмо на почту, внешние переходы в мессенджеры. Верстальщик, программист или контент-менеджер разберётся с этим в два счёта, но что делать обычному пользователю? Давайте разбираться как сделать ссылки в Тильде. Переходите в свой аккаунт tilda и начём.

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

Каждому блоку в тильде соответствует определенный идентификатор, он же является якорем, к которому можно направить ссылку, просто вписав его название со знаком решетки. Чтобы найти этот ID блока нажмите на его настройки и пролистайте до самого низа:

Tilda: настройка блока Tilda: настройка блока номер block id

Скопировали надпись #rec337172537 (у вас будет своя) и вставляете в настройки пункта меню.

Вашу жизнь конструктор облегчил, добавив рядом с полями ссылок кнопку Выбрать блок. Просто нажимаете туда и листаете страницу до нужного блока, наводите мышкой и выбираете его.

Tilda: настройка пунктов меню

Как сделать ссылку на другую страницу

Ссылку на другую страницу сделать не сложнее, чем на блок. Адрес вы можете найти в списке страниц вашего сайта:

Tilda: список страниц

Скопируйте её или воспользуйтесь встроенной функцией редактора и выберите страницу сразу там. Перейдите в раздел "Контент" блока меню, ссылки или кнопки и нажмите Выбрать страницу.

Tilda: выбор страницы

Откроется всплывающее окно со списком страниц, выбирайте нужную и всё готово.

Tilda: список ссылок на страницу

Абсолютно таким же образом можно сделать ссылку на кнопке в Тильде, открываете Контент, выбираете страницу, блок или вписываете адрес от руки:

Tilda: ссылка на кнопку

Как сделать якорную ссылку в Тильде

Легко! Для этого есть специальный блок в разделе Другое:

Tilda: блок якорной ссылки

Вводите её название, сохраняйте, а затем через решетку указывайте его в настройках ссылок, например #about, #contacts, #catalog.

Tilda: настройка якорной ссылки

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

Tilda: якорная ссылка в зеро-блоке

Настройте как надо на всех разрешениях и якорная ссылка будет работать отлично.

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

У каждого попапа (всплывающего окна) в конструкторе Tilda есть название, которое вы указывали при создании блока.

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

Вписывайте это название в любую кнопку или текстовую ссылку и готово. Вот как это выглядит в зеро-блоке:

Как прописать ссылку на попап в Tilda

Как сделать ссылку на телефон и почту в Тильде

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

  • ссылка на звонок: tel:+79025798690
  • ссылка на почту: mailto:help@nivaks-studio.ru

Поменяйте наши данные на свои и смело вставляйте на ваш лендинг, например так можно сделать текст ссылкой:

Конструктор Tilda: ссылка на телефон и почту

Тут вы можете сделать открытие в новом окне, покрасить ссылку или её обводку. Сохраняйте и опубликуйте страницу.

Как сделать ссылку на Инстаграм, Ватсап, Вайбер, Телеграм в Тильде

Осталось разобраться только с мессенджерами. С ними немного сложнее, потому что Телеграм блокировали и развелось очень много альтернативных способов, а с вайбером у пользователей постоянно какие-то неполадки со ссылками. Укажу вам на те ссылки, которые рекомендует использовать Тильда:

  • ссылка на вайбер (%2B — это плюс): viber://chat?number=%2B79025798690
  • ссылка на ватсап: https://wa.me/79025798690
  • ссылка на телеграм (ссылка на ваш профиль из настроек): https://t.me/nikolajgromkov
  • ссылка на инстаграм: https://instagram.com/ВАШ_ПРОФИЛЬ_ИЗ_НАСТРОЕК

Поставить эти ссылки можно двумя способами: 

  1. сделать текст ссылкой в Тильде
  2. Использовать готовый блок виджета с Мессенджерами

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

Tilda: текст ссылкой на ватсап

А если хотите попроще, через готовый виджет, то найдите его в разделе Формы и кнопки, зайдите в Контент и вставьте нужные телефоны и названия, незаполненные строчки не будут выводиться на страницу.

Tilda: виджет мессенджеров настройки

Теперь вы знаете как сделать все ссылки в Тильде кликабельными, если у вас будут вопросы — пишите, а если не хотите разбираться мы создадим вам сайт на Тильде качественно и недорого.

Лучший хостинг для вашего сайта

Используем для всех своих проектов, советуем и вам.
Обращайтесь, перенесём сайт на Beget.

Icon