Как сделать сайт воронку, как создать страницу захвата

Многих новичков, желающих создать свою рассылку, тормозит чувство неуверенности в некоторых технических моментах, к примеру, незнание языка html. А как создать сайт воронку, как сделать страницу захвата электронных адресов подписчиков без знаний html?

Хочу вас успокоить, в сети в свободном доступе уже достаточно шаблонов страниц захвата и сайтов воронок. Множество блогеров предлагают их в качестве бонусов при подписке на свой бесплатный курс. Более того, от вас даже не потребуется изучения этого сложного языка html.

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

Шаблон страницы захвата

shablon-saita-voronki-5445667 Шаблоны сайтов воронок обычно представляют собой zip архив, в который входят следующие элементы:

ПАПКА images содержит все картинки, которые используются на странице захвата;

ФАЙЛ style.css - таблица стилей, прилагается не всегда. В style.css можно изменить шрифт или номер шрифта, который используется в коде html;

СТРАНИЦА с текстом и кодом html - файл index.html;

Чтобы сделать собственную страницу захвата, скачайте zip архив .

СТАТЬИ ПО ТЕМЕ:

Как улучшить страницу Спасибо – Thank you page

Эффективные страницы захвата

Генератор, плагин для создания подписных страниц, скрипт – что лучше?

ОТКРОЙТЕ архив, нажмите index.html, откроется страница с моей формой подписки. Правая кнопка мыши, нажмите Исходный код страницы. Скопируйте данные из открывшегося html документа в текстовый редактор Блокнот, в программу Notepad++ или kompozer (у кого, какая есть).

ВНЕСИТЕ изменения в файл:

ЗАМЕНИТЕ мою форму подписки на свою. Для этого зарегистрируйтесь на сервисе Smartresponder (или другом), создайте рассылку и получите код формы подписки.

Код формы подписки Smartresponder начинается строчкой

,

а заканчивается . Смело удаляйте кусок между ними и вставьте свой код.

ЗАМЕНИТЕ свои текстом все текстовые фрагменты и описания выгод. Постарайтесь сделать seo оптимизацию – в тексте используйте ключевые слова, по которым эту страницу могли бы найти в поиске потенциальные подписчики.

Если в коде страницы захвата прописать метатеги title, description, keywords, а в тексте использовать ключевые слова, она сможет участвовать в поиске, как и все остальные страницы вашего блога. Тогда подписчики в вашу рассылку придут не только с вашего блога, но и с поиска Яндекса или Гугла.

Какие еще элементы должны быть на странице подписки прочитайте здесь.

ПОДГОТОВЬТЕ подходящую картинку, добавьте ее в архив. Названием своего изображения замените слова Book2-500.png (это имя моей картинки) в моей странице подписки.

Если работаете в Блокноте, СОХРАНИТЬ файл. Затем нажмите СОХРАНИТЬ КАК и присвойте файлу имя index.html (при этом выбирайте правильную кодировку).

УДАЛИТЕ мой index1.html из архива, а свой файл добавьте в папку с архивом (простым перетаскиванием зажатой клавишей мыши).

Проверьте, как все работает – нажмите index.html. Ваша страница захвата откроется, а при введении данных в поля формы подписки будет предложено подписаться на вашу рассылку.

Как редактировать шаблон страницы захвата

ОТКРОЙТЕ текcтовый документ в Блокноте или даже документе Word. Скопируйте в буфер обмена, к примеру, Book2-500.png. Одновременно нажмите клавиши Ctrl+F. В открывшемся окне в поле вставьте Book2-500.png (или используйте комбинацию клавиш Ctrl+V), Найти.

Место, куда надо вставить название вашей картинки будет подсвечено.

Также поступите с другими кусками кода. Для программы Notepad++ воспользуйтесь функцией "бинокль".

Как правильно сохранить страницу захвата

У начинающих возникают трудности при сохранении. Ниже на рисунках показано, как правильно и неправильно сохранить текстовый документ (выбрать кодировку). Если сделаете иначе, получите на вашей странице нечитаемые кракозябры.

kak-sdelat-sranicy-zaxvata-5060650 Неправильно kak-sozdat-sranicy-zaxvata-1099862 Правильно

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

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

С понравившегося сайта воронки копируйте себе на компьютер все картинки (стрелочки, маркеры), даете им названия. СОЗДАЙТЕ архив. Для этого наведите курсор на картинку, правая клавиша мыши, ДОБАВИТЬ в архив. СОБЕРИТЕ в нем все изображения.

ВНЕСИТЕ изменения в html код (пропишите пути к каждому вашему изображению, для этого ищите блоки, начинающиеся на img src), СОХРАНИТЬ КАК (сохраните с именем index.html).

Поместите файл в архив. Проверьте работоспособность. Напишите в комментариях о своих успехах.

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

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

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

P.S. плагин wppage снят с продажи, пользуйтесь сервисом мемберлюкс  для создания эффективных страниц захвата на WordPress.

P.P.S. Почитать, почему выгодно и удобно использовать шаблоны профессиональных страниц захвата можете в этой статье.