Статья обновлена 22 января, 2022
Как создать ссылку в меню лендинг пейдж — пошаговая инструкция.
Как создать ссылку в меню лендинга? Да очень просто! Просто скопировать часть кода (пару строк) и вставить в нужное место. Сейчас всё это рассмотрим. Но с начало поясним. Изначально подразумевается, что ленд никуда не ведет (в смысле на другие страницы), это одностраничный сайт. Поэтому все ссылки по идее должны вести только на разделы самого LP (Landing Page). Иногда бывает нужно поставить ссылку на другую страницу, к примеру, на политику конфиденциальности. Все эти подробности мы уже описывали в статье «Что такое лендинг пейдж простыми словами». Рассмотрим оба варианта добавления гиперссылок в одностраничник.
БЛИЦ КУРС — Интерактивный редактор-конструктор лендингов в подарок!
Лендинг пейдж за 1,5 часа и Убойный оффер за 17 минут
В качестве примера будем использовать наш ресурс «Продающий лендинг за 3 часа». Перейдите по ссылке на страницу и нажмите сочетание клавиш Ctrl + U (переключать клаву на английский не надо). Откроется html код страницы.
Рекомендуем:
Настройка яндекс директ — полный обзор сервиса по контекстной рекламе. Пошаговая инструкция с описанием настроек. Настройка рекламной кампании — чек лист с платного Московского мастер-класса. Изучив материалы и применив на практике Вы снизите затраты на рекламу и увеличите продажи.
Гипер ссылки на сайтах заключены в специальные html теги <a></a>. Тег <a> имеет атрибут href=далее следует юрл адрес, ссылка на страницу (другую) либо якорь на часть документа со знаком # и названием, примерно так <a href=»#screen»>Бонус</a>
Рекомендуем:
Директ лендинг — эта связка денежный станок. В обзоре дан пошаговый алгоритм настройки связки Landing Page и Я.Директ. Рассмотрен вопрос быстрых ссылок с Директа на ленд.
Теперь надо поставить пересылку на нужную часть ленда, для этого используется идентификатор id=«название которое использовалось в меню со знаком #», в нашем случаи «screen», см. картинку
Рекомендуем:
Операторы Яндекс Директ — даст полный обзор, представит кейсы по настройке рекламных кампаний.
Теперь создадим дополнительную ссылку на футер (подвал). Для этого в каком то html редакторе, к примеру NotePad++, просто скопируйте одну из существующих ссылок меню и вставьте ниже после стоимости. Далее после значка # замените на futer и слово после птички >Футер</a>. Вот что у Вас должно получиться.
Рекомендуем:
Запустите свой бизнес в интернете — откройте партнерский интернет магазин. В статье «Как открыть интернет магазин бесплатно», дана пошаговая инструкция по запуску, без вложений. А оформив подписку, получите целый курс по этой теме и абсолютно бесплатно. Так же смотрите «продвижение интернет магазина — самостоятельно», в статье даны реальные кейсы и принципы вывода ресурса в ТОП выдачи.
Далее необходимо поставить id в нужное место. Для этого идем вниз документа и ищем div с именем footer, я специально сделал ошибку в новом имени меню и поставил futer, так как id должен быть уникален. Вот какой результат должен быть, см. скрин.
Вот собственно и все, ссылка в меню лендинга сделана, теперь рассмотрим вариант с ссылкой на другую страницу. В нашем случаи это ссылка на политику конфиденциальности.
Вот так выглядит ссылка на другой документ, в ней нужно просто изменить юрл на нужный адрес необходимого документа.
Итог
С помощью нашего чудо редактора и классных шаблонов, Вы без труда отредактируете все тексты, разделы и сделаете классный продающий лендинг.
ЛЕНДИНГ ПЕЙДЖ СТОИМОСТЬ СОЗДАНИЯ — Расскажет все тонкости про создание и редактирование одностраничников
Изучите все статьи рекомендованные выше. Они помогут настроить грамотно рекламную компанию и создать продающий одностраничник, уберегут от лишних расходов, значительно уменьшат стоимость рекламного клика. Если остались вопросы, Пишите в комментарии, будем отвечать. Если понравилась статья, то делитесь в соцсетях и не забудьте подписаться на блог.
ОБЪЯВЛЕНИЯ В ЯНДЕКС ДИРЕКТ
ЛЕНДИНГ ПЕЙДЖ ПЕРВЫЙ ЭКРАН
КОНТЕКСТНАЯ РЕКЛАМА В ПОИСКОВЫХ СИСТЕМАХ
УСТАНОВКА САЙТА НА ХОСТИНГ
Понравился материал? Подписывайтесь на наш блог. И получите бесплатный конструктор лендингов!
Только полезная информация и реальные кейсы