Якорная ссылка ― это ссылка, которая ведет не на другую страницу, а на определенный элемент на этой же странице. Когда страница или лендинг слишком длинные, иногда необходимо дать ссылку на конкретный раздел, чтобы не заставлять пользователя бродить в поисках нужной информации. Для этой функции в Рег.сайте есть специальный инструмент.
Для примера сделаем якорь на разделе страницы, где расположены популярные товары, и добавим ссылку на кнопку с рекламным предложением.
Таким способом можно делать якоря не только на любые модули на странице, но и на целые строки и разделы.
Чтобы сделать якорную ссылку:
-
1
Откройте настройки модуля, строки или раздела (в зависимости от того, куда должна вести ссылка). В нашем примере мы открываем настройки строки, где расположены карточки с популярными товарами.
-
2
Перейдите в Дополнительно ― ID и классы CSS
-
3
В поле ID элемента введите любое название ссылки на латинице. Например, мы назвали ссылку «top».
-
4
Нажмите на галочку:
-
5
Сохраните изменения.
-
6
Перейдите в настройки элемента, куда нужно вставить ссылку. В нашем примере на каталог популярных товаров должна вести кнопка на баннере.
-
7
Перейдите в поле, где настраивается ссылка. В основном оно находится во вкладке Контент.
-
8
Вид ссылки зависит от того, где находится якорь. Если вам нужно дать ссылку на якорь, который находится на этой же странице, просто введите в поле #название_ссылки. В нашем случае мы вводим #top.
Если вам нужно дать ссылку на якорь, который находится на другой странице, вводите весь путь якорной ссылки. Например, /shop/#top.
-
9
Сохраните изменения.
Готово, теперь кнопка ведет к каталогу с популярными товарами.
Помогла ли вам статья?
Спасибо за оценку. Рады помочь 😊