Loading...
О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Блог
Шаблоны
Как сделать ссылку на Тильде?
Апрель, 2023
Время прочтения: 12 минут

какие бывают виды ссылок на Тильде?

Виды ссылок:
  • Ссылки которые, ведут на страницы сторонних сайтов;
  • Которые ведут на внутренние страницы нашего сайта;
  • Которые ведут на конкретный блок или якорную ссылку страницы;
  • Ссылки ведущие на поп-апы, корзину, избранное и т. д. Несмотря на то, что ссылка для данных виджетов указывается того же типа, что и ссылка для блока, определим их в отдельный раздел, так как там тоже есть свои нюансы.
  • Ссылки ведущие на звонок, почту или мессенджеры;
Так как эта тема объёмная, предлагаю, разделить ее на несколько блоков. И в первую очередь определиться с тем, где ссылки указывают:
  1. Их привязывают к кнопке в стандартном блоке, в разделе «контент» в графе «ссылка для кнопки». В данном поле мы можем либо прописать ссылку вручную, либо выбрать необходимые блок или страницу;
  2. Таким же образом привязывают ссылки к любому элементу, который находится в Зеро-блоке, за маленьким исключением  — там нельзя выбрать блок или страницу, а нужно адрес ссылки прописывать самостоятельно. Сделать это можно в настройках элемента, во вкладке «link»;
  3. И ссылки прописывают в самом тексте привязывая ее к конкретным словам. Для этого необходимо выделить необходимое слово или словосочетание. После того как вам откроется верхняя панель редактирования текста, на ней нажимаем на кнопку ссылки, указываем необходимый адрес и настраиваем отображение.
Важно учесть, что ссылка, привязанная в тексте, доминирует над ссылкой привязанной к элементу. Если, предположим, по каким-то причинам вы привязали ссылку к элементу и дополнительно указали ее в тексте, то ссылка, привязанная к элементу, работать не будет, и при нажатии на него вас будет перенаправлять на ту ссылку, которую вы привязали к тексту.

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

Адреса ссылок:
  • site.ru/page — Ссылка на полный адрес сайта. Это может быть любой другой сайт, который вам необходим. На внутренние страницы советуем указывать только адрес конкретной страницы, то есть тот, что указан после /
  • /link — По ссылке указанной в таком формате, система автоматически подставляет домен перед / и направляет пользователя на внутреннюю страницу сайта с указанным именем
  • #link или #rec0001 — Данная ссылка ведет на конкретный блок на странице или же на якорную ссылку, размещенную на странице.
  • /#link — Данная ссылка возвращает пользователя на главную страницу и переносит к конкретному блоку уже на ней.
  • / — Данный знак, в графе ссылки, будет вести на главную страницу.
Знание данной информации решает сразу два вопроса:
  • При передаче сайта, в случае если ссылка привязана с полным адресом сайта (как в первом пункте, например, https:/nolim.tilda.ws/link), при смене домена придется переделывать все ссылки;
  • Используя якорные ссылки, вы можете переносить пользователя к конкретному блоку страницы. Она будет выполнять свою роль (используя корректный адрес) даже на разных страницах, например, со схожим контентом.

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

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

Для этого нам необходимо совершить ряд следующих действий:
  1. Из библиотеки Тильды добавляем на страницу блок T173;
  2. Его необходимо разместить перед блоком к которому мы хотим привести пользователя;
  3. После этого переходим в раздел «Контент» блока Т173 и в строке «имя якорной ссылки» задаем желаемый адрес, поставив перед ним знак решетки. Например, #team;
  4. Далее, переходим к кнопке к которой мы хотели привязать данную ссылку и прописываем тот же адрес, что и в строке «имя якорной ссылки» выше. Например, #team;
В случае, если вы хотите указать ссылку на блок на другой странице, укажите перед решеткой адрес необходимой страницы. Например, /about/#team.
Обратите внимание, что адрес у ссылки может быть любой, как сокращения с цифрами (как id блока), так и слово на латинице. Тем не менее мы рекомендуем прописывать его словом совпадающим с темой необходимого блока. Таким образом, при большом количестве страниц и ссылок, будет легче отследить куда ведут те или иные кнопки. А в случае, если у вас многостраничный сайт с идентичным контентом. При дублировании якорных ссылок, они будут одинаково корректно работать на всех страницах.

Как указать ссылку на соцсеть на Тильде?

Для того чтобы пользователь мог быстрее решить свой вопрос. На номер телефона, почту или соцсеть можно указать ссылку, при нажатии на которую совершается звонок, отправить письмо на почту, написать в мессенджер или даже подписаться на ютуб канал.
  • Как сделать ссылку на звонок на Тильде?
tel:+79999999999 — При клике на элемент, к которому она привязана ссылка подобного рода (с указанием телефона), на смартфоне будет отображаться запрос на совершение вызова, а на десктопе откроется приложение для звонков (если оно у вас есть);
  • Как сделать активную ссылку на почту?
mailto:pochta@mail.ru — При клике на данную ссылку, будет открываться установленное приложение почты как на смартфоне, так и на десктопе. Обратите внимание, что в данной ссылке, так же как и в предыдущей, после знака двоеточия, необходимо указать свой телефон или электронную почту;
  • Как сделать ссылку на телеграм?
Стандартная ссылка на диалоговое окно выглядит так:
https://t.me/username  — При клике на данную ссылку пользователь будет попадать на канал или чат с пользователем имя которого вы указали;
  • Как сделать ссылку ведущую на подписку телеграм канала?
Ссылку можно указать таким образом, чтобы при клике на неё, пользователю был недоступен контент на канале, а вместо этого отображалось предложение подписаться на него. Для этого нужно сделать следующее:
  1. Заходим в информацию о нашем канале;
  2. В правом верхнем углу тыкаем на «Изменить»;
  3. Переходим в «Тип канала»; Важно! На следующих этапах не сохраняем изменения!
  4. Выбираем вариант «Частный» Не сохраняем изменения! А опускаемся ниже и видим, что ссылка на канал у нас изменилась;
  5. Копируем её;
  6. Меняем тип канала обратно на «Публичный»;
  7. И теперь можем выходить из настроек и использовать ссылку по назначению. Но, к сожалению, данный лайфхак может работать не на всех каналах.
  • Как указать ссылку на WhatsApp и вшить своё сообщение?
https://wa.me/79999999999 — Данная ссылка ведет на диалоговое окно в мессенджер WhatsApp; Чтобы вшить предустановленное сообщение, которое уже автоматически будет набрано, а пользователю останется его только отправить. В этом случае ссылка должна выглядеть следующим образом: wa.me/79 999 999 999?text=Здравствуйте!%20У%20меня%20есть%20вопрос.

Где:
  • «79 999 999 999»  — ваш номер телефона,
  • «?text=»  — параметр содержащий текст по умолчанию,
  • «%20»  — символ пробела в сообщении.
Кроме этого, в интернете есть большое количество генераторов ссылок с сообщениями, где вы можете указать свой номер телефона, сообщение и получить готовую ссылку уже с вшитым туда предустановленным сообщением. Пример одного из генераторов.
  • Как сделать ссылку на Viber?
viber://chat?number=%2B79 999 999 999 — Ссылка, которая ведет на чат в мессенджере Viber. Её можно применять как для мобильных устройств, так и для десктопных приложений. Здесь «%2B» является закодированным «+», который воспринимают обе версии приложений.
  • Как сделать ссылку на youtube с автоматической подпиской?
https://www.youtube.com/@Nolimcorp?sub_confirmation=1 — Для того, чтобы при переходе по ссылке пользователь автоматически подписывался на ваш канал, к ссылке необходимо добавить окончание «?sub_confirmation=1»
Обратите внимание, что галочку открытия ссылки в новой вкладке, как правило, используют для соцсетей, что бы не заменять страницу сайта другим контентом.

как добавить ссылку на корзину на тильде?

Для того чтобы разместить на странице корзину, требуется добавить стандартный блок из библиотеки Тильды ST100. Он, как правило, работает с блоками из раздела «Магазин» и с каталогом товаров на Тильде.

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

Для этого привяжите ссылку #order:productname=price к элементу который назначили кнопкой добавления в корзину (например, #order:Кроссовки=5000).

Где вместо:
  • «productname» — прописываем название товара
  • «price» — стоимость товара

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

как сделать ссылку для избранного на тильде?

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

Это означает, что если требуется привязать к кнопке добавление определённого товара в избранное то требуется указать ссылку #addtofavorites:productname=price (например, (например, #addtofavorites:Кроссовки=5000).

Где вместо:
  • «productname» — прописываем название товара
  • «price» — стоимость товара

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

как сделать ссылку для поиска на тильде?

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

После этого переходим в раздел «Контент» данного блока и в строке «ссылка для открытия виджета» задаем желаемый адрес, поставив перед ним знак решетки. Например, #opensearch;

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

Как добавить кнопки корзины, избранного и поиска в стандартное меню Тильды

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

Что для этого нужно сделать:
  1. Выбираем любое меню которое начинается на ME4…
  2. Добавляем его к себе на страницу;
  3. Переходим в «Контент»;
  4. Переходим во вкладку «Корзина, поиск и избранное»;
  5. И выбираем те пункты, которые нам необходимы;
Для того чтобы избежать дублирования виджетов, необходимо поставить галочку «Не показывать отдельные кнопки виджетов»

Кстати, вид всплывающих подсказок для корзины и избранного можно изменить с помощью наших модификаций NLM077 Подсказка для корзины и NLM078 Подсказка для избранного

Как добавить кнопку «поделиться» на тильде?

Кнопка «поделиться» на сайте нужна для того чтобы у пользователя была возможность сделать репост вашей страницы в свою соцсеть в два клика. После нажатия на такую кнопку ссылка на страницу формируется автоматически и после отправки информация о ней будет размещена в аккаунте пользователя.

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

Как сделать ссылку на поп-ап (всплывающее окно) на тильде?

В случае, если требуется привязать к кнопке поп-ап (всплывающее окно), можно воспользоваться двумя варинатнами:
  1. Выбрать любой из 3х блоков с данной функцией: BF501N, BF502N, BF503;
  2. Настроить поп-ап через Зеро-блок используя модификацию NLM020. Инструкцию по настройке всплывающего окна при помощи данного инструмента вы найдете на странице модификации.
В случае, если вы выбрали поп-ап из стандартных блоков, то для его настройки необходимо произвести следующие действия:
  • Добавляем понравившийся блок к нам на страницу;
  • Переходим в раздел «Контент» данного блока и в строке «ссылка на popup» задаем желаемый адрес, поставив перед ним знак решетки. Например, #popup:subscription;

Далее, требуется привязать указанный адрес к элементу, по клике на который будет открываться данный поп-ап.

Как настроить стили всех ссылок на сайте?

В каталоге блоков Тильды есть блок T193 "Модификатор: стиль ссылок", который поможет вам настроить стиль всех ссылок на вашем сайте. В настройках вы можете задать следующие стили для ссылок:

[1] Цвет линии
[2] Размер(Толщина) линии
[3] Насыщенность текста
[4] Цвет текста
[5] Применить только к блоку с ID
[6] Применить к Нулевому блоку

Как задать подсказки для ссылок на сайте?

Блок T198 блок позволяет добавлять подсказки к ссылкам или фрагментам текста, которые будут появляться при наведении на них курсора мыши.:

Для этого нужно выполнить следующие действия:
  1. В блоке необходимо указать ссылку в поле "ссылка". Например: nolim.cc
  2. В любом блоке, где есть текст, нужно выделить слово или фразу и присвоить им эту же ссылку nolim.cc
  3. После этого нужно нажать кнопку "предпросмотр" и проверить, что при наведении курсора мыши на ссылку появляется подсказка.

Если вам нужна просто подсказка, в качестве ссылки используйте например '#tooltiphook' или другое слово вместе с #.
Считаете, что наша статья недостаточно полная и мы упустили важные моменты?
Дополните ее, заполнив форму ниже
телеграм канал нолим
Сообщение об успешной отправке!
Было полезно?