Якорь - перемещение на нужную часть лендинга

Последние изменения: 04.04.2022
“Якорь” (anchor)

По многочисленным просьбам наших пользователей, разработчики LPgenerator реализовали новую долгожданную функцию - “якорь” (anchor), которые позволят “переносить” посетителя в нужную часть страницы (например к определенному текстовому блоку, видео, изображению, лид-форме и т. д.). Наиболее востребована функция “якорь” для целевых страниц с большим числом прокруток, т. к. они значительно упростят навигацию по ней и повысят юзабилити.

Как настроить “якорь” (anchor) на целевых страницах?

Чтобы установить “якорь” на какой либо блок страницы нужно:

1. Кликнуть в редакторе по блоку, на который будет ссылаться “якорь” один раз (это может быть совершенно любой элемент - лид-форма, текстовый блок, кнопка, изображение и т. п.).

2. В свойствах данного элемента войти в раздел “Расширенные” и скопировать ID якоря в соответствующем разделе:

Якорь

3. Создайте объект, который будет отвечать за функцию ссылки на “якорь”. Это может быть кнопка, изображение, фрагмент текста. Также можно осуществить переход к якорю при открытии ссылки на лендинг с других сайтов.

Настройка для внешних ссылок

Если вы хотите, чтобы при переходе по ссылке с внешнего сайта посетителя сразу “переводило” к якорю, достаточно добавить якорь после знака “слеш” (/) к адресу вашей страницы.

У вас должна получиться ссылка вида “www.mysite.ru/#block-new9”, где www.mysite.ru/ является адресом лендинга, а “#block-new9” ID якоря.

Настройка перехода при клике по кнопке

Если вы создали в качестве ссылки на якорь кнопку, то вставьте ID якоря, который вы скопировали, вместо ссылки в ее настройках:

Кнопка с якорем

Если изображение, то в меню “Свойства” вставьте ID вместо URL в пункте “Ссылка”:

Изображение с якорем

Настройка перехода при клике по ссылке в тексте

Если в качестве ссылки на якорь вы устанавливаете текст, то кликните 2 раза по текстовому редактору, выделите нужный фрагмент текста и нажмите инструмент “Ссылка”:

Ссылка якорь

и в появившемся окне вставьте ID якоря в качестве URL:

Тип ссылки

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

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

Вот и все - “якори” настроены!

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

Прокрутку к определенному элементу с помощью якоря можно сделать плавной.

Если у вас есть какие-то пожелания или предложения по улучшению функционала редактора LPgenerator, пишите нам на support@lpgenerator.ru

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