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

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

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

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

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

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

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

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

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

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

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

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

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

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

<!– SmartResponder.ru subscribe form code (begin) –>,

а заканчивается <!– SmartResponder.ru subscribe form code (end) –>. Смело удаляйте кусок между ними и вставьте свой код.

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), Найти.

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

 

 

 

 

 

 

 

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

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

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

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

Сохранить текстовый файл

Неправильно

 

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

Правильно

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

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

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

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

как создать сайт воронку

 

 

 

 

 

 

 

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

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

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

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

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

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