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

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

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

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

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

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

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

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

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

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

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

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

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

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

ОТКРОЙТЕ архив, нажмите 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. Почитать, почему выгодно и удобно использовать шаблоны профессиональных страниц захвата можете в этой статье.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментариев: 24
  1. Оксана

    Ольга, как же Вы мне помогли!!! Огромное Вам СПАСИБО! Мучилась с фавиконом месяц. И только у Вас на сайте нашла информацию как установить в корневую папку! И у меня получилось! Добавила Ваш сайт в закладки.

    1. Ольга (автор)

      Отлично, Оксана. Я уверена, полученные знания Вам не раз еще пригодятся во время Вашей работы.

  2. александр

    Не полная информация. В корень то я зашел… Но если надо в папку plugin переместить с компьютера плагин социальных кнопок, то целиком папка не перемещается ни копированием, ни загрузкой… Как установить в эту папку плагин?

  3. Ольга (автор)

    Александр, попробуйте обычным способом — через админпанель.
    Плагины — добавить новый, загрузить, выберите файл, установить, активировать, затем настроить.
    Если Вы хотите сделать какие-то изменения в архиве с плагином — сделайте у себя на компьютере, затем уже измененный архив переместите в папку с плагинами.

  4. Галина

    А я не поняла, уже 3 дня занимаюсь этим подтверждением и не могу найти корневой каталог. Уже снится стал. И спросить не у кого. Читаю и впустую.

    1. Ольга (автор)

      Галина, а статью Вы читали?
      В комментариях обычных и ВКонтакте к статье https://moi-start.ru/kak-ya-borolas-s-yandeksom.html/ также много полезной информации. Разобраны практически все варианты подтверждения права на сайт, на разных платформах и движках.

  5. Ирина

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

  6. Сергей

    Спасибо за помощь. Как раз нужно подтвердить сайт для миралинкса.

    1. Ольга (автор)

      Пожалуйста, Сергей. Надеюсь, все получится.

  7. estilari

    Очень!!! Спасибо!!

  8. Юлия

    Спасибо, помогло!

  9. Елена

    А на хостинге разве нельзя эту папку найти?
    Нужно будет попробовать и эту программу, ее получается нужно вначале скачать?

    1. Ольга (автор)

      Можно через хостинг загрузить.
      Можно использовать Filezilla или Total Commander.

  10. Галина

    Автору респект! Очень хорошее объяснение! Срочно нужно было подтвердить права и сделала за три минуты. Вроде бы и не новичок, но когда делаешь это не часто, все забывается.. Такие шпаргалки нужны.

  11. Людмила

    Ольга, мне Ваша статья очень помогла. Всё разложено по полочкам. Благодарю!

  12. Виталий

    Спасибо, за простое объяснение!

  13. Александр

    Загрузите HTML-файл с именем и содержанием, указанным на странице подтверждения, в корневой каталог вашего сайта на сервере хостинговой компании.

  14. La2Walker

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

    1. Ольга (автор)

      Утверждают, но многими сервисами Яндекса можно пользоваться, только если права на сайт подтверждены.

  15. Наталия

    Ну как же всё понятно !!! Да здравствуют новички :))) Спасибо огромное, Ольга, удачи!

  16. Ольга Евгеньевна

    Здравствуйте!
    Тоже мучаюсь с подтверждением прав в гугле. файл подтверждения HTML скачивается в виде текстового документа, а дальше с ним что делать? http: // prntscr.com/jciwez(тут все папки в ФМ)

    1. Ольга (автор)

      Вы перешли дальше, чем надо. Остановитесь на файле public_html, вы зашли в wp-include.
      HTML файл должен оказаться рядом с папками wp-admin, wp-content, wp-includes, но не внутри них.
      Найдите кнопку ЗАГРУЗИТЬ ФАЙЛ (стрелочка вверх), выберите нужный файл на компьютере и загрузите.
      Затем вернитесь в ВЕБМАСТЕР.ГУГЛ и подтвердите свое право на сайт.

  17. Иван

    Если сайт на конструкторе гугл, где мне взять корневую папку?

  18. Татьяна

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: