Перейти до основного контенту

Створення якірних посилань (Anchor Links)

У цій статті Ви дізнаєтеся, як створювати якірні посилання (також відомі як Anchor Links або посилання-якорі для швидкого переходу).

Автор: Dmytro

Різниця між функцією «Прокрутка до» та якірними посиланнями

У Onepage є два способи спрямувати відвідувачів до певного розділу Вашої сторінки:

Варіант 1: Функція «Прокрутка до»

За допомогою цієї функції можна налаштувати кнопки або пункти меню так, щоб при натисканні вони автоматично прокручували поточну сторінку до певного розділу.

Варіант 2: Якірні посилання за допомогою користувацьких атрибутів

Якщо у Вас є більш специфічні вимоги, наприклад необхідність посилатися з інших сторінок безпосередньо на певний розділ або елемент Вашої сторінки Onepage, Ви можете налаштувати якірні посилання за допомогою користувацьких атрибутів.

📌 Примітка: Якщо ви хочете лише перейти до розділу на вашому сайті, ми рекомендуємо використовувати функцію "Прокрутка". Інструкцію по роботі з функцією "Прокрутка" ви можете знайти в нашій статті: Додавання різних функцій до кнопки заклику до дії (CTA)


⚠️ Важливо: Прямої функції для якірних посилань наразі не передбачено. Однак ви можете використовувати її за допомогою власного коду. Зверніть увагу, однак, що налаштування за допомогою власного коду не входить у обсяг нашої підтримки.

Що таке якірне посилання?

Якірне посилання - це спеціальне посилання на вебсайті, яке переходить безпосередньо до певного розділу конкретної сторінки. Його часто використовують, щоб полегшити користувачам швидку навігацію, наприклад, від кнопки безпосередньо до розділу на іншій сторінці.

Навіщо потрібні якірні посилання на сайті?

Якірні посилання допомагають зробити контент на сайті більш доступним. Вони дозволяють відвідувачам переходити безпосередньо до відповідних розділів без необхідності довгої прокрутки. Це покращує зручність користування та економить час.

У чому різниця між звичайним і якірним посиланням?

Звичайне посилання веде на іншу сторінку або вебсайт, тоді як якірне посилання переходить до певного місця на тій самій сторінці або на іншій сторінці.


⚙️ Щоб встановити якірні посилання, будь ласка, виконайте наступні кроки:

Крок 1: Обрати цільовий розділ

Будь ласка, оберіть цільовий розділ і додайте елемент "Код":​



Крок 2: Введіть код

Введіть наступний код: ​<div id="NAME"></div>

⚠️ Важливо: Будь ласка, замініть значення «NAME» на потрібне значення. Після завершення процесу, будь ласка, оновіть сторінку.



Крок 3: Додайте URL-адресу

Введіть свій домен у пошуковий рядок, а потім якірне посилання, наприклад: https://test.com/#contact

Якірне посилання додається після вашого домену і завжди починається зі знаку #. Скопіюйте це посилання з рядка пошуку.



Крок 4: Вбудуйте посилання

Тепер ви можете розмістити посилання в кнопці:

Або в меню:

⚠️ Важливо: Будь ласка, оновіть свою сторінку після змін.


Ось і все! 🎉 Якірні посилання успішно інтегровані у ваш сайт.


Тут ви знайдете відео з повною інструкцією. Приємного перегляду!



💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?