Как сделать якорную ссылку в Рег.сайте

Якорная ссылка ― это ссылка, которая ведет не на другую страницу, а на определенный элемент на этой же странице. Когда страница или лендинг слишком длинные, иногда необходимо дать ссылку на конкретный раздел, чтобы не заставлять пользователя бродить в поисках нужной информации. Для этой функции в Рег.сайте есть специальный инструмент.

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

Чтобы сделать якорную ссылку:

  1. 1.

    Откройте настройки модуля, строки или раздела (в зависимости от того, куда должна вести ссылка). В нашем примере мы открываем настройки строки, где расположены карточки с популярными товарами.

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

  2. 2.
    Перейдите в Дополнительно ― ID и классы CSS
  3. 3.
    В поле ID элемента введите любое название ссылки на латинице. Например, мы назвали ссылку «top».
  4. 4.

    Нажмите на галочку:

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

  5. 5.
    Сохраните изменения.
  6. 6.
    Перейдите в настройки элемента, куда нужно вставить ссылку. В нашем примере на каталог популярных товаров должна вести кнопка на баннере.
  7. 7.
    Перейдите в поле, где настраивается ссылка. В основном оно находится во вкладке Контент.
  8. 8.

    Вид ссылки зависит от того, где находится якорь. Если вам нужно дать ссылку на якорь, который находится на этой же странице, просто введите в поле #название_ссылки. В нашем случае мы вводим #top.

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

    Если вам нужно дать ссылку на якорь, который находится на другой странице, вводите весь путь якорной ссылки. Например, /shop/#top.

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

  9. 9.
    Сохраните изменения.

Готово, теперь кнопка ведет к каталогу с популярными товарами.

Помогла ли вам статья?

Спасибо за оценку. Рады помочь 😊

 👍