Как поставить якорную ссылку в tilda

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

При помощи данной модификации можно создавать свои якорные ссылки в длинных Zero Block

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block

Генератор кода

Войдите в аккаунт чтобы получить доступ к генератору кода
КОПИРОВАТЬ КОД

Инструкция

1. Указываем название якоря в генераторе кода

2. Копируем готовый код вставляем в html контейнер в Zero block

3. Кнопке, которая будет ссылаться на наш якорь, указываем ссылку, которую задали в генераторе. Если якорь назвали down, то кнопке прописываем ссылку #down

Примечание! Для плавно скрола к якорю, добавьте на страницу блок Т178 в самом низу сайта

Якоря и ссылки внутри страницы

Поставить ссылку, которая ведет внутрь страницы к конкретному блоку (разделу), можно двумя способами:

1. Добавьте в нужное место специальный блок — T173 Якорная ссылка из категории Другое. В Контенте T173 пропишите желаемое название для якоря, например: «contacts». И можно теперь переходить к этому месту, в котором находится блок T173, указывая ссылку вида «#contacts» на кнопках или в меню. Сам блок невидимый.

2. Поставить ссылку на любой блок: Для этого вам нужно в адресе ссылки прописать «#rec129000». Этот уникальный номер есть у каждого блока. Его можно найти в контекстной панели Settings блока (в самом низу). Обратите внимание, что если вы скопируете страницу, то номера блоков поменяются и вам нужно будет поставить ссылки заново.

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

Если вы хотите, чтобы переход к назначенному блоку был плавным, «скользящим», добавьте на страницу блок T178 (Библиотека блоков → Другое → Плавный скролл до локальной ссылки).

Обращаем внимание, что на странице достаточно одного такого модификатора — использование нескольких на одной странице может привести к ошибкам.

Как добавить ссылку на конкретное место на странице (якорь)?

Чтобы поставить ссылку, которая ведет внутрь страницы к конкретному блоку (разделу), добавьте на страницу в нужное место специальный блок — якорь (в библиотеке блоков: Другое → T173 Якорная ссылка). В Контенте этого блока укажите имя якоря, например: сontacts. Теперь можно ссылаться на него в любом блоке, указывая ссылку типа #contacts. При нажатии на ссылку будет происходить переход к якорю.

Чтобы якорные ссылки работали везде, нужно ставить ссылки на них вида /#anchor (для якорей на главной) и /page#anchor (для якорей на других страницах).

Как задать ссылки в Тильде?

Как задаются ссылки в стандартных блоках

В стандартных блоках есть два варианта, как задать ссылку. Нужно или вставить ее в меню « Контент » в поле, для этого предназначенное (например, если требуется задать ссылку для кнопки), или выделить нужный текст и задать ссылку на него. Посмотрите на пример ниже:

Если у нас есть кнопка — мы можем написать, куда она должна вести в меню « Контент » (Ссылка для кнопки)

А на этом примере мы взяли для обложки блок без кнопки CR07 и задали кнопку ссылкой.

«Выбрать из меню → » здесь — просто текст описания, разделенный энтером от основного описания

Мы выделили нужный текст и нажали в панели редактора « Вставить ссылку »

Задали нужные настройки: указали ссылку, ее цвет, величину подчеркивания. В нашем случае — мы не хотим, чтобы ссылка была подчеркнута, и поэтому установили значение на 0.

Нажмите « Вставка » , текст изменит цвет и будет работать как кнопка

Ок, а какие ссылки вообще можно задать? Во-первых — ссылка на страницу:
Ссылка на страницу

Например, это ссылка на страницу « Меню » в рамках сайта (достаточно написать /menu)

А это — внешняя ссылка на другой сайт, она уже указывается полностью (и открывается в новом окне)

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

Работать будет, но при смене домена (поверьте нашему опыту, такое случается), потребуется изменять все ссылки на сайте. Если их три — это не так страшно. А если у вас сайт на 100 страниц? Да хотя бы на 10? Ставьте ссылку вида /adress и не знайте горя.

Во-вторых — ссылка на нужное место страницы:
Якорь — ссылка на место на странице

Например, это ссылка на блок меню на редактируемой странице

Чтобы Тильда поняла, что за #menu, установим в нужном месте Якорную ссылку (блок Т173), категория « Другое »

Установим нужное имя (оно может быть любым, может содержать цифры, главное, должно быть понятным)

А еще можно задать ссылку вот так: /#menu, если нам нужно указать конкретную страницу, где располагается этот якорь.

/ — это значит, что страница Главная, #menu — и на ней вот такой якорь.

Например, ссылка https://svoemedia.ru/faq/img-optimization#2 — откроется в новом окне, на страницу /faq/img-optimization к якорю #2 (это второй пункт меню) . Проверьте

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

Например, форма обратной связи (блок BF502N)

Переходим в меню « Контент блока » и задаем ссылку на поп-ап, в нашем случае — #popup:svyaz

И вставим ссылку в нужное место — мы вставляем на текст СВЯЗАТЬСЯ С НАМИ в футере

Указываем нашу ссылку, задаем стили и кликаем на « Вставку »

Как задаются ссылки в zero-блоках

В зеро-блоках тоже можно установить ссылку как гиперссылку или задать ее в настройках на весь объект:

Например, выделим кнопку и зададим ссылку в настройках (правая панель, Settings) в поле URL

Ссылку можно задать на любой объект, например, на текст. В этом случае нам нужно будет найти параметр Link и указать ссылку в поле URL

Или мы хотим задать ссылку на отдельный текст как гиперссылку

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

В редакторе все нормально, а при публикации ссылка съезжает.

Почему так происходит?

Вы задали одновременно и гиперссылку, и ссылку в поле Link. Тильда не знает, что делать, и сходит с ума 🙂 Уберите одну из ссылок, и проблема пройдет

Нужен свой контент-проект? Напишите нам
Тут подробнее о том, чем можем быть вам полезны✊
Это Саша Колташова и пёс Улисс. Саша будет отвечать за контент-стратегию
Было полезно? Интересно? Поделитесь мнением здесь и в комментариях 🙂

Мы запустили SVOEMEDIA.SPACE

Пополняемая библиотека готовых шаблонов сайтов и блоков для Tilda Publishing, Figma, соцсетей, понятных инструкций и чек-листов от практиков

А в telegram — наша кухня от Саши Колташовой
ПОДПИШИТЕСЬ НА ТЕЛЕГУ
Полезное для тех, кто ищет подрядчика
Читайте также
Инструкция по гостевым публикациям. Как попасть на внешние площадки?
Как определить шрифт на сайте?
Как подключить SSL на Тильде
Как подключить домен к Тильде
Как подключить оплату с сайта на Тильде
Имеет ли смысл делать интернет-магазин на Тильде?
© 2016-2022 SVOEMEDIA
SVOEMEDIA.TEAM
ГОТОВЫЕ РЕШЕНИЯ И ОБУЧЕНИЕ
ЧТО МЫ ДЕЛАЕМ
Пишите нам на почту или в телеграм @hisvoemedia
Click to order

CMS (Content Management System) — система управления контентом, в данном случае — сайтом (например, Тильда, Битрикс, Вордпресс).

ОКВЭД (Общероссийский классификатор видов экономической деятельности) — именно по этим кодам, которые указываются при регистрации ИП или юрлица, можно осуществлять деятельность. Коды можно добавить, но это не дело 5 минут.

ККТ (Контрольно-кассовая техника) — оборудование для расчетов между контрагентами.
С 2016 года: 2 редизайна сайта, создание и ведение контент-проекта
ИЛЬЯ МАЗОВ, ДИРЕКТОР ПО РАЗВИТИЮ, ИНЖИНИРИНГОВЫЙ ХИМИКО-ТЕХНОЛОГИЧЕСКИЙ ЦЕНТР

Работа с компанией Своёмедиа длится уже более двух лет. За это время реализовано много мероприятий по поддержке и развитию сайта, включая глубокую и неоднократную переработку концепции и взгляда на этот ресурс — в том числе в мыслях у управленцев нашей компании.

Развитие сайта как основного ресурса медийной поддержки компании (мы работаем в достаточно сложном сектор — b2b в химической отрасли) оказывает существенную поддержку нашему бизнесу. И эту поддержку можно разделить на 2 вида — прямую и косвенную.

Прямое вовлечение клиента — заказы, поступающие непосредственно с сайта. Понятно, что мы не интернет-магазин и продать консультационные услуги на 5−10 млн рублей с оплатой наложенным платежом невозможно. Поэтому мы считаем прямые запросы, которые позже конвертируются в работы. Либо вариант «мы посмотрели ваш сайт, позвонили — вы нам подходите».

Общий объем таких работ за последние пару лет можно оценить в 10−15 млн рублей, около 15% от общей выручки. Это является серьезным достижением, безусловно.

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

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

В ближайших планах развития медийного ресурса Инжнирингового центра стоит увеличение доли работ, приходящих через сайт, до 30−50%. У нас есть уверенность, что в сотрудничестве с коллегами из Своёмедиа мы справимся с этой задачей.