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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ЗАМЕНИТЕ свои текстом все текстовые фрагменты и описания выгод. Постарайтесь сделать 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++ воспользуйтесь функцией "бинокль".

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

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

Неправильно

Правильно

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

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

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

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

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

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

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

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

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

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

Метки:

Email маркетинг

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

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

  • Вячеслав Балашов:

    Шикарная статья для новичков! Очень актуальные и частые вопросы Вы подняли в этой статье.
    Со своей стороны еще добавлю, сейчас появились генераторы подписных страниц (воронок), есть в онлайне, есть в оффлайне. Всего несколькими кликами, любой может получить свою подписную страничку!

    • Ольга:

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

  • Galina:

    Простите пожалуйста. Может мой вопрос покажется тупым, но честно признаюсь, я чайник. Так вот вопрос: Каким будет адрес у этой страницы захвата?

    • Ольга:

      Галина, адрес будет такой http: // ваш сайт/название страницы на латинице.
      То есть Вы можете назвать ее как захотите (у себя на компьютере), затем переместить ее в корневую папку сайта, в название желательно включить ключевые слова.

  • Galina:

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

    • Ольга:

      Галина, вопрос нормальный.
      Все эти файлы: index.html, style.css и т.д. Вы упаковываете в zip архив. Его называете, как Вам надо. И уже название этого архива будет отображаться в адресе страницы.
      Наличие ключевого слова в адресе страницы поможет при продвижении — страничка будет выше в поиске.

  • Galina:

    Спасибо большое, Ольга! Вы со мной, как с малым ребенком. Кажется теперь до меня дошло.

    • Ольга:

      Пожалуйста, обращайтесь.
      Готовлю к публикации статью, как сделать страницу захвата без знания html, просто установив на блог плагин (платный или бесплатный).
      Следите за обновлениями.

  • normalstarson:

    Хочу стать в интернете популярным, это можно сделать без дополнительных расходов? Встречаю разных видеоблогеров, захотел тоже попробовать размещать свои видео в интернете/

    Но один знакомый подсказал, что невозможно раскрутить свои видео, если не вкладывать деньги, так как конкуренция очень велика. Как считаете, можно разрекламировать себя бесплатно и какие вообще есть шансы стать популярным, без вложений финансовых, очень хочется попробовать, но вот денег больших нет.

    • Ольга:

      Есть много бесплатных эл. книг, а также видеокурсов, как раскрутиться через Ютуб.

  • serezha1:

    А я купил продающую графику и теперь с легкостью делаю сайт воронку любой сложности.

  • Александр:

    Ольга, спасибо!
    Пока прочел только отзывы
    Вы очень ясно и просто все объясняете.
    Такого почти нет, больше воды и слюней.

    С уважением, Александр

    • Ольга:

      Люблю все «раскладывать по полочкам».

  • Рафаил:

    Здравствуйте Ольга , подскажите пожалуйста ,а нельзя ли чей либо сайт воронку скопировать и перенести на свой создаваемый подкорректировать под себя , что то удалить, что то добавить по минимуму , в общем на примитиве — спасибо.

    • Ольга:

      Рафаил, если сайт-воронка сделан на html- можно. Правая клавиша мыши=>исходный код страницы=>копируйте.

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

  • Анастасия:

    Понятная у вас информация и для профессионалов, и для новичков. Откуда такие познания? Особенно в области сайта-воронки? Но не хватило информации о том, как от них уберегаться, а так же о движке для простого сайта.

    • Ольга:

      Что значит уберегаться? Хотите подпишитесь, не хотите — не подписывайтесь.

  • Алиса:

    Подскажите пожалуйста, как сделать так, чтобы после того, как я предложила бесплатный продукт, затем пришло предложение о платном инфопродукте, как автоматизировать в глопарт или джастклик. Есть ли видеоуроки?

    • Ольга:

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

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

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