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

Ольга

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

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

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

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

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

d188d0b0d0b1d0bbd0bed0bd-d181d182d180d0b0d0bdd0b8d186d18b-d0b7d0b0d185d0b2d0b0d182d0b0-3947833

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

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

страница с текстом и кодом html - файл index.html;

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

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

Внесите изменения в файл:

1. замените мою форму подписки на свою. Для этого зарегистрируйтесь на сервисе Smartresponder (или другом), создайте рассылку и получите код формы подписки.

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

,

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

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

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

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

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

Если работаете в Блокноте, Сохранить файл. Затем нажмите Сохранить как и присвойте файлу имя index.html (при этом выбирайте правильную кодировку).

4. удалите мой index1.html из архива, а свой файл добавьте в папку с архивом (простым перетаскиванием зажатой клавишей мыши).

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

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

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

d0bad0b0d0ba-d181d0b4d0b5d0bbd0b0d182d18c-d181d182d180d0b0d0bdd0b8d186d183-d0b7d0b0d185d0b2d0b0d182d0b0-3473111

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

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

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

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

kak-sdelat-sranicy-zaxvata-1058586

Неправильно

kak-sozdat-sranicy-zaxvata-9170118

Правильно

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

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

С понравившегося сайта воронки копируйте себе на компьютер все картинки (стрелочки, маркеры), даете им названия. Создайте архив. Для этого наведите курсор на картинку, правая клавиша мыши, Добавить в архив. Соберите в нем все изображения.

Внесите изменения в html код (пропишите пути к каждому вашему изображению, для этого ищите блоки, начинающиеся на img src), Сохранить как (сохраните с именем index.html).

d0bad0b0d0ba-d181d0bed0b7d0b4d0b0d182d18c-d181d0b0d0b9d182-d0b2d0bed180d0bed0bdd0bad183-4579048

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

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

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

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

P.S. Плагин WPPAGE - лучшее решение для создания эффективных страниц захвата на WordPress.

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

Похожие статьи: