Как создать ссылку в меню лендинга

Статья обновлена 9 января, 2021

Как создать ссылку в меню лендинг пейдж — пошаговая инструкция.

Как создать ссылку в меню лендинга? Да очень просто! Просто скопировать часть кода (пару строк) и вставить в нужное место. Сейчас всё это рассмотрим. Но с начало поясним. Изначально подразумевается, что ленд никуда не ведет (в смысле на другие страницы), это одностраничный сайт. Поэтому все ссылки по идее должны вести только на разделы самого LP (Landing Page). Иногда бывает нужно поставить ссылку на другую страницу, к примеру, на политику конфиденциальности. Все эти подробности мы уже описывали в статье «Что такое лендинг пейдж простыми словами». Рассмотрим оба варианта добавления гиперссылок в одностраничник.


БЛИЦ КУРС — Интерактивный редактор-конструктор лендингов в подарок!
Лендинг пейдж за 1,5 часа и Убойный оффер за 17 минут

В качестве примера будем использовать наш ресурс «Продающий лендинг за 3 часа». Перейдите по ссылке на страницу и нажмите сочетание клавиш Ctrl + U (переключать клаву на английский не надо). Откроется html код страницы.

kak-sozdat-ssilku-v-menu-lendinga
html код лендинга

Рекомендуем:

Настройка яндекс директ — полный обзор сервиса по контекстной рекламе. Пошаговая инструкция с описанием настроек. Настройка рекламной кампании — чек лист с платного Московского мастер-класса. Изучив материалы и применив на практике Вы снизите затраты на рекламу и увеличите продажи.

Гипер ссылки на сайтах заключены в специальные html теги <a></a>. Тег <a> имеет атрибут href=далее следует юрл адрес, ссылка на страницу (другую) либо якорь на часть документа со знаком # и названием, примерно так <a href=»#screen»>Бонус</a>

kak-sozdat-ssilku-v-menu-lending-page
Код меню

Рекомендуем:

Директ лендинг — эта связка денежный станок. В обзоре дан пошаговый алгоритм настройки связки Landing Page и Я.Директ. Рассмотрен вопрос быстрых ссылок с Директа на ленд.

Теперь надо поставить пересылку на нужную часть ленда, для этого используется идентификатор id=«название которое использовалось в меню со знаком #», в нашем случаи «screen», см. картинку

как создать ссылку в меню лендинга
Идентификатор из меню

Рекомендуем:

Операторы Яндекс Директ — даст полный обзор, представит кейсы по настройке рекламных кампаний.

Теперь создадим дополнительную ссылку на футер (подвал). Для этого в каком то html редакторе, к примеру NotePad++, просто скопируйте одну из существующих ссылок меню и вставьте ниже после стоимости. Далее после значка # замените на futer и слово после птички >Футер</a>. Вот что у Вас должно получиться.

sozdat-ssilku-v-menu-lendinga
добавленная новая ссылка в меню

Рекомендуем:

Запустите свой бизнес в интернете — откройте партнерский интернет магазин. В статье «Как открыть интернет магазин бесплатно», дана пошаговая инструкция по запуску, без вложений. А оформив подписку, получите целый курс по этой теме и абсолютно бесплатно. Так же смотрите «продвижение интернет магазина — самостоятельно», в статье даны реальные кейсы и принципы вывода ресурса в ТОП выдачи.

kak-sozdat-ssilku-v-menu-lendinga-redaktirovanie
Меню до добавленной ссылки
sozdat-ssilku-v-menu-lending-page
Меню после добавления кода

Далее необходимо поставить id в нужное место. Для этого идем вниз документа и ищем div с именем footer, я специально сделал ошибку в новом имени меню и поставил futer, так как id должен быть уникален. Вот какой результат должен быть, см. скрин.

sozdat-nov-ssilku-v-menu-lendinga
Установка идентификатора из меню

Вот собственно и все, ссылка в меню лендинга сделана, теперь рассмотрим вариант с ссылкой на другую страницу. В нашем случаи это ссылка на политику конфиденциальности.

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

zamena-ssilku-v-menu-lendinga
Замена ссылки на другую страницу

Итог

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

ЛЕНДИНГ ПЕЙДЖ СТОИМОСТЬ СОЗДАНИЯ — Расскажет все тонкости про создание и редактирование одностраничников

Изучите все статьи рекомендованные выше. Они помогут настроить грамотно рекламную компанию и создать продающий одностраничник, уберегут от лишних расходов, значительно уменьшат стоимость рекламного клика. Если остались вопросы, Пишите в комментарии, будем отвечать. Если понравилась статья, то делитесь в соцсетях и не забудьте подписаться на блог.


TEXT.RU - 100.00%
Возможно Вам будет интересно:

ОБЪЯВЛЕНИЯ В ЯНДЕКС ДИРЕКТ
ЛЕНДИНГ ПЕЙДЖ ПЕРВЫЙ ЭКРАН
КОНТЕКСТНАЯ РЕКЛАМА В ПОИСКОВЫХ СИСТЕМАХ
УСТАНОВКА САЙТА НА ХОСТИНГ

 

Учебные материалы

 

Понравился материал? Подписывайтесь на наш блог.

Только полезная информация и реальные кейсы

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 для диалога необходимо принять правила кофиденциальности *

СОБСТВЕННЫЙ ПАРТНЕРСКИЙ МАГАЗИН!!!
ПОЛУЧИ БЕСПЛАТНО!!!

Оставайтесь с нами и Вы…

СОБСТВЕННЫЙ ПАРТНЕРСКИЙ МАГАЗИН

Подпишись сейчас и получи 5 уроков.

Запусти свой партнерский магазин.

Все это без знаний web программирования.

Материал дохотчиво изложен и доступен любому.

Согласие на обработку персональных данных

Пошаговая инструкция по созданию собственного партнерского магазина!

«В будущем на рынке останется два вида компаний: те, кто в Интернет и те, кто вышел из бизнеса» ~ Билл Гейтс

Получи конструктор лендингов бесплатно!

Конструктор лендингов!