Найти в Дзене

Пошаговая инструкция: Как добавить якорную ссылку в Prodamus.XL

Выберите место на вашей странице (блок текста или элемент), куда должен переместиться пользователь после клика на якорную ссылку. Вставьте следующий HTML-код в блок, куда хотите перенаправлять пользователя: <p name="anchor-name"></p> Вместо anchor-name укажите своё уникальное имя якоря, например: <p name="pricing-block"></p> Это будет ваш «якорь», который не виден пользователям, но будет служить целевой точкой. Теперь создайте текст или кнопку, при клике на которые пользователь будет переходить к установленному якорю. И добавьте при нажатии на них переход по ссылке в формате: ССЫЛКА НА СТРАНИЦУ#pricing-block Выберите место на вашей странице (блок текста или элемент), куда должен переместиться пользователь после клика на якорную ссылку. Вставьте следующий HTML-код в блок, куда хотите перенаправлять пользователя: <div id="anchor-name"></div> Вместо anchor-name укажите своё уникальное имя якоря, например: <div id="about"></div> Это будет ваш «якорь», который не виден пользователям, но б
Оглавление
Как добавить якорную ссылку в Prodamus.XL
Как добавить якорную ссылку в Prodamus.XL

Шаги для добавления якорной ссылки на лендинг

Шаг 1: Определите место для якоря

Выберите место на вашей странице (блок текста или элемент), куда должен переместиться пользователь после клика на якорную ссылку.

Шаг 2: Установите якорь на целевой блок

-2

Вставьте следующий HTML-код в блок, куда хотите перенаправлять пользователя:

<p name="anchor-name"></p>

Вместо anchor-name укажите своё уникальное имя якоря, например:

<p name="pricing-block"></p>

Это будет ваш «якорь», который не виден пользователям, но будет служить целевой точкой.

Шаг 3: Добавьте якорную ссылку в нужном месте страницы

Теперь создайте текст или кнопку, при клике на которые пользователь будет переходить к установленному якорю. И добавьте при нажатии на них переход по ссылке в формате:

ССЫЛКА НА СТРАНИЦУ#pricing-block

Пример
Пример

Шаг 4: Сохраните изменения и протестируйте

  • Нажмите кнопку «Сохранить» или опубликуйте изменения.
  • Зайдите на страницу и проверьте, работает ли якорная ссылка, кликнув по ней. Страница должна автоматически прокрутиться до элемента с якорем.

Шаги для добавления якорной ссылки в курсах

Шаг 1: Определите место для якоря

Выберите место на вашей странице (блок текста или элемент), куда должен переместиться пользователь после клика на якорную ссылку.

Шаг 2: Установите якорь на целевой блок

-4

Вставьте следующий HTML-код в блок, куда хотите перенаправлять пользователя:

<div id="anchor-name"></div>

Вместо anchor-name укажите своё уникальное имя якоря, например:

<div id="about"></div>

Это будет ваш «якорь», который не виден пользователям, но будет служить целевой точкой.

Шаг 3: Добавьте якорную ссылку в нужном месте страницы

Теперь создайте текст или кнопку, при клике на которые пользователь будет переходить к установленному якорю. И добавьте при нажатии на них переход по ссылке в формате:

#about

Пример
Пример

Шаг 4: Сохраните изменения и протестируйте

  • Нажмите кнопку «Сохранить» или опубликуйте изменения.
  • Зайдите на страницу и проверьте, работает ли якорная ссылка, кликнув по ней. Страница должна автоматически прокрутиться до элемента с якорем.

______________________________________________________________________________________

Бонус для вас: 2500 рублей при регистрации на Prodamus.XL

Бонус для вас: 2500 рублей при регистрации на Prodamus.XL
Бонус для вас: 2500 рублей при регистрации на Prodamus.XL

Ссылка на регистрацию в Prodamus.XL

Используйте промокод MDIGITAL для получения скидки 20% при подключении платежной системы Prodamus.Pay

https://connect.prodamus.ru/?ref=MDIGITAL
https://connect.prodamus.ru/?ref=MDIGITAL

Подключить платежный модуль со скидкой 20%

Создайте образовательную платформу своей мечты с Prodamus.XL!

Остались вопросы? Оставьте комментарий ниже или
свяжитесь с нами для получения дополнительной информации о возможностях Prodamus.XL для вашего образовательного бизнеса.

______________________________________________________________________________________

Еще больше полезных инструкций и материалов для технических специалистов у меня в Telegram-канале

ПОДПИСАТЬСЯ