fbpx

Что такое якоря на сайте, как их установить с помощью Элементора

Что такое якоря на сайте, как их установить с помощью Элементора

Что такое якоря на сайте? Это быстрый способ перехода от раздела к разделу, о котором сегодня поговорим. В данной статье рассмотрим, как устанавливать такие якоря и для этого будем использовать плагин Элементор.

Здравствуйте, читатели! Якорь на сайте – это специальная закладка, которая служит для перехода по разделам. К примеру, есть продающий сайт, который призывает людей что-то купить. Человек нажимает на кнопку внизу «Заказать» и его страница перебрасывает, например, к основному заголовку, где расположены тарифы продукта. Таким образом, пользователь не будет тратить время, а сразу перейдет в нужное место вашего лендинга.

Для чего нужны подобные якоря? Чтобы повысить рентабельность вашего дела. Допустим, пользователь прочитал вашу продающую страницу до конца и принял решение купить продукт. Он нажмет на кнопку призыва и появится возможность использовать тарифы для оплаты, которые были указаны. С помощью якоря, человек не покинет страницу. Это один из примеров и он позволяет понять, насколько важны якоря на сайтах.

Как установить якорь в Вордпрессе на сайте

Есть специальный плагин Элементор, с помощью которого вы установите якоря на сайте. О том, что это за ресурс рассказывалось в статье – «Что такое плагин Элементор и как им пользоваться». Когда установите данный плагин, можно перейти к установке якоря.

Итак, войдите на Вордпресс и выберите страницу для редактирования через раздел «Страницы». Нажмите кнопку – «Редактировать в Элементор». Далее слева появятся функции Элементора. Нам нужно прокрутить страницу вниз и выбрать функцию – «Якорь меню». Нажмите на него левой кнопкой компьютерной мыши и, удерживая ее перенести в любое место на сайт.

CHto takoe yakorya na sayte 1

Указанный на картинке якорь был установлен выше заголовка, то есть, сверху. Вы просто помещаете его в то место, где должен быть якорь и отпускаете клавишу мыши.

Затем, нужно поставить id для якоря и кнопки, которая будет осуществлять переход. Нажимаете левой кнопкой мыши по вставленному якорю и прописываете в поле настроек, например, слово «about».

id yakorya 2

Ссылка в id должна содержать те символы, которые указаны в подсказке. То есть, можно использовать латиницу и цифры.

Далее этот айди вставляется в кнопку призыва. Кликните по кнопке левой кнопкой мыши и в разделе слева обратите внимание на поле «Ссылка».

ustanovka yakorya 3

Пишете то значение, что прописали для якоря. Только не убирайте знак решетки. Когда все сделаете, нажмите «Обновить» и результат будет сохранен.

Как проверить работоспособность якоря

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

yakor sayta 4

После этого можете кликнуть клавишей мыши по кнопке, где был вставлен id якоря. Если все сделали правильно, как в статье, то вы увидите прокрутку страницы. При наведении курсора мыши на кнопку, будет заметна ее активность, то есть, она станет кликабельной.

Как удалить якорь на сайте

Удаление якорей является простым делом. Переходите снова в режим редактирования страницы через Элементор. Далее нажимаете правой кнопкой мыши по серому полю, который означает якорь.

Kak udalit yakor na sayte 5

Нажимаете «Удалить» левой кнопкой мыши и тогда якорь исчезнет со страницы.

Заключение

Итак, мы разобрались с ответом на вопрос, что такое якоря на сайте. Теперь вы знаете, что не нужно использовать html или коды, чтобы их установить. С этим хорошо справляется плагин Элементор. Кстати, здесь мы показывали, «как создавать лендинг в Элементоре». Используя возможности плагина, можно создать полноценный лендинг и продвигать его в Интернете.

Удачи вам!

С вами был, Александр Сонин

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

:) :D :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

PR-CY Rank Яндекс.Метрика