Как сделать подписную страницу, она же — воронка; она же — сквизи-страница

Доброго всем дня!

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


Как сделать подписную страницу

Также страницы подписки еще называют сквизи-страницами. Это по той простой причине, что при изготовлении подписной страницы используется соответствующий плагин - Squeezy. Вот с его помощью мы сегодня и научимся быстро, легко и просто делать наши подписные страницы.

Для работы вам понадобиться скачать этот плагин, для этого пройдите на страницу Эксклюзивные материалы. Те, кто еще не подписался, прошу это сделать и получить пароль для входа на доступ к закрытым материалам. Кто уже подписан, вводим пароль сюда: Закрытые материалы и скачиваем сборник Генератор подписных страниц.

Разархивируем его в отдельную папочку, внутри будут еще 2 архива — их оставим как есть. И еще приложен краткий алгоритм действий или памятка — это на случай, если вы вдруг забудете последовательность действий, которые мы сегодня будем проходить. Начнем..

Как сделать подписную страницу?

Сначала создадим поддомен

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

Сделав поддомен, вы получаете бесплатно целый отдельный сайт, где у вас будут располагаться все ваши подписные страницы, которые вы будете делать в дальнейшем. Это удобно.

Для регистрации поддомена заходим в панель управления на своем хостинге, у нас это Timeweb.ru и переходим на вкладку Управление поддоменами:

 

Здесь создадим поддомен. В выпадающем меню справа выберем свой основной домен, а в окошко слева вписываем к нему любое название-приставку и жмем Создать поддомен:

 

Дальше нам нужно зайти на вкладку Управление сайтами:

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

Сначала создадим новый сайт: Жмем ссылку Создание нового сайта и вводим в поле полное название нашего поддомена и жмем Создать сайт:

Затем смотрим чуть ниже, где все домены и находим там поддомен, он скорее всего будет прилинкованный к основному сайту, жмем отлинковать. Иначе, когда мы будем устанавливать движок на поддомен, он снесет прежний сайт. Смотрите не отклинкуйте по ошибке основной сайт! Если ошибка все же произошла, прилинкуйте основной сайт обратно в том же порядке, который указан ниже для поддомена.

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

 

2. Дальше нужно установить движок на новый сайт на поддомене. Это делается по аналогии, как мы делали основной сайт. С основной панели заходим в Конструкторы сайтов:

 

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

 

За несколько секунд движок установится и нужно нажать на ссылку под списком движков: Список установленных CMS:

 

Там, напротив поддомена нажать ссылку Реквизиты, во всплывающем окне  будет ссылка перехода на админ панель нового сайта, а также логин и пароль для входа:

Заходим в админ панель, первым делом меняем пароль для входа, как делается, читайте здесь. Потом настроим постоянные ссылки, кто забыл читать здесь, советую также установить пакет SEO все в одном - для продвижения и оптимизации, и плагин Rus To Lat — для правильного отображения ссылок — его ищите в этой статье. Остальные плагины не нужны и будут только мешать.

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

Начинаем установку плагина. Заходим Плагины — Добавить новый — Загрузить — выбираем архив plugin.zip загружаем, устанавливаем, активируем — все как с обычными плагинами. Когда плагин установится, в левой панели появится  вкладка Squeeze Pages:

Для того, чтобы начать делать новую страницу захвата, нужно нажать Add  Squeeze. Но сначала нужно сделать еще кое-что — загрузить готовые картинки. Картинки загрузим в ту тему, что у нас установлена. Чтобы узнать, что это за тема, пройдите Внешний вид — Темы и запомните название темы, что у вас автоматически установлена (менять ее не нужно).

Возвращаемся на свой хостиг, заходим по вкладке Файловый менеджер и находим в списке свой поддомен. Потом путь будет такой: Ваш поддомен-public_html-wp-content-themes. Там находите папку с вашей темой, открываете ее и  жмете Файл-Закачать, выбираете на своем компьютере архив, что вы распаковали image-rus.zip. Закачиваете его, потом выделяете закачанный архив и жмете Архиватор-разархивировать.

 

 

 

У вас появится папка squeezes, а тот архив уже не нужен можно его удалить из файлового менеджера. Все, процедура загрузки картинок на сайт закончена, хостинг можно закрыть. Переходим в админ панель нашего сайта и, наконец, займемся созданием подписной страницы.

Начинаем создание подписной страницы

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

***

В левой колонке находим вкладку Squeeze Pages, нажимаем Add  Squeeze и нам откроется немного необычный редактор. Здесь будем делать сначала все по плану, чтобы понять смысл. Впоследствии вы можете менять все по-своему, в зависимости от того, какой дизайн подписной страницы вы захотите получить.

  •  Пишем заголовок вверху страницы (это как в обычном редкторе):

  • Идем вправо и видим два выпадающих меню (как они называются точно не могу сказать, но в переводе — это что-то типа шаблоны подписных страниц). Выбираем шаблон по вкусу, увидеть его сможете, когда сохраните страницу и нажмете Просмотреть

  • После каждого шага смотрите результат, если все устраивает, двигайтесь дальше:

  • Затем двигаемся чуть вниз, находим Show Main Headline Options, ставим галочку и заполняем все пункты по своему усмотрению. Скажу кратко что значит каждый пункт: цепляющий заголовок-это понятно, ниже — цвет заголовка, можно сделать шрифт с тенью, второй цвет — это тень, потом — жирность, и справа — стиль шрифта и его размер. То поле, что пустое — туда можно вставить адрес картинки готового заголовка, если нет — оставьте пустым:

  • Смотрим результат (в итоге я сделала шрифт поменьше):

  •  Строчкой ниже находим место для подзаголовка: Show Sub Headline Options. Настройки там все аналогичные, единственный момент — подзаголовок должен быть чуть меньшего размера и другого цвета:

  • Сохраняем, смотрим, исправляем, двигаемся дальше. В основное поле для текста пишем список выгод, так называемые буллиты. Выделяем их при помощи маркированного списка:

  •  Чтобы буллиты смотрелись красиво, оформим их. Находим Show Main Squeeze Style Options (первая строчка)  ставим галочку и выбираем шрифт и оформление:

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

  • Потом можно вставить второй подзаголовок (если он нужен). Для этого ставим курсор в нужное место и нажимаем вот на эту кнопочку:

  • Во всплывающем окошке жмем выпадающее меню, выбираем Add Headline:

  • Заполняем поля — выбираем стиль шрифта, расположение по центру, его цвет и сохраняем:

  • Выделяем вот эту часть и пишем второй подзаголовок (интуитивно должно быть понятно):

  • Сохраняем, любуемся, хвалим себя  и идем дальше. Можно ниже еще дать основной текст.
  • Еще ниже делаем третий подзаголовок по тому же принципу — но здесь уже будет мотивация к действию: Подпишись сейчас, Нажми тут и тд.
  • Под этим подзаголовком нужна форма подписки. Идем в Смартреспондер и берем ее там. Кто забыл, изучаем урок про то, как делать рассылку. Берем форму подписки и вставляем код на нашу страницу (только сначала перейдите с визуального режима в текстовый). По поводу красивых новых форм хочу сказать, что они часто становятся криво. Если никак их установить не получается, возьмите там же на Смартреспондер простой код и поставьте — не так красиво, зато аккуратно и ничего не расползается (более подробно будет в видеоуроке):

  • Дальше находим строчку Include Sidebar Optin Image, ставим галочку выбираем рисунок — направляющие стрелочки:

  • Вот где они у нас появятся:

  • Дальше — кнопку нужно поменять на 3D-обложку продукта. Загрузим сначала ее как обычно на сайт через кнопку Добавить медиафайл. Потом возьмем адрес картинки и вставим его в специальное поле. Находим  Customize Youre Optin Form Submit Button, ставим галочку, и вставляем код картинки:

  • Вот как встала наша картинка:

  • Под ней можно разместить буллеты еще раз. Ищем Include Optin Action Bullets и заполняем:

  • Мы почти закончили, осталось только поставить ссылки и сделать оптимизацю подписной страницы. По поводу ссылок — ставить ли ссылки на свой сайт или куда-то еще на подписной странице? По поводу этого могу сказать, что спорный вопрос — многие успешные предприниматели советуют не делать этого, чтобы увеличить конверсию подписной страницы — посетителя ничего не будет отвлекать и он никуда не «сбежит» по этой ссылке. Однако же расскажу как они делаются, на всякий случай.
  • Находите строчку Include Footer Links, ставим галочку и заполняем поля приблизительно так (слева — url, справа — Анкор или описание куда ведет ссылка):

  • Сохраняем. И сделаем оптимизацию нашей подписной страницы. Находим Custom SEO Options и пишем Title, ключевые слова и описание с ключевыми словами, все так, как мы делаем при оптимизации обычной страницы:

  • Вот, пожалуй, и все. Наша подписная страница готова. Выглядит примерно так:

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

С уважением, Анжелика $окова

Видеоурок готов. Приятного просмотра и обучения!

.

59 комментариев: Как сделать подписную страницу, она же — воронка; она же — сквизи-страница

  • Андрей Чашин говорит:

    Анжелика, браво! Подробнейшее, во всех деталях учебное пособие по созданию подписной страницы. Спасибо за труд!

    • admin говорит:

      Надеюсь, что понятно будет как делать такие страницы, особенно новичкам, поэтому так подробно

    • Андрей!

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

  • Здравствуй Анжелика!

    Было это лет 30 назад.
    У меня на уроке физики присутствовал зам министра сельского хозяйства Украины. Меня предупредили, что он до министерства преподавал физику в Киевском политехническом институте.
    И вот, когда урок закончился он сказал: «Что я могу сказать. Ну умеешь, умеешь рассказать так, чтобы тебя все поняли.» Для меня — молодого это была высшая похвала.

    Внимательно прочитав твой труд (по другому его не назовёшь) — я скажу.
    Ну умеешь, умеешь, умеешь сложное преподнести так, чтобы понятно было даже начинающему.

  • МОЛОДЕЦ!
    Продолжай в том же духе! «Я по другому не могу»- это не недостаток, а огромнный плюс!

  • Елена говорит:

    Вау! Анжелика, почитала твой урок и решила «состряпать» себе, только вот не знаю справлюсь , али нет?! Хотя не так страшен … как его малюют! Буду пробовать, а там посмотрим, если долго мучится -что нибудь получится!

    • admin говорит:

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

    • Привет Елена!
      А ещё говорят: «Глаза боятся, а руки делают»!
      Всё утебя получится и без мучений, я так думаю!

  • Анжелика!

    Раз уж Елена заговорила пословицами, то и я приведу одну, относительно себя.
    У нас на Украине говорят: «Дождалась сучка допомоги – сама лежить, а цуценята гавкають»
    Вот и я лежу, а внучка читает комментарии и пишет мои под диктовку.

    Хорошо иметь внуков!

  • elena говорит:

    Анжелика, добрый день! Ты получила моё послание???

    • admin говорит:

      Да, Елена, получила, все отлично Буду думать как реализовать нашу идею получше, напишу тебе лично

  • elena говорит:

    Анжелика, ну как??? Жду ответ???

  • Vesna83 говорит:

    Субскрайб? Что это?

  • Елена говорит:

    Приветик, Анжелика!!! Как делишки?

    • admin говорит:

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

  • Vesna83 говорит:

    Анжелика, скажи пожалуйста, когда ориентировочно выйдет видео-урок?

    • admin говорит:

      Елена, сегодня-завтра постараюсь сделать

      • Vesna83 говорит:

        Ок, но я не тороплю, могу и подождать если что, понимая твою загруженность Я чего спрашивала-то, если долго ждать то попыталась бы сама, а если пару дней, то без проблем, мне еще есть что доработать на это время

        • admin говорит:

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

          • Vesna83 говорит:

            Спасибище!
            Конечно-конечно, я не тороплю, с моим свободным временем, а точнее с его отсутствием — я и со сквизи еще долго провожусь . Так что если только ради меня, то не переживай, спокойно занимайся своими делами.

  • Елена говорит:

    Анжелика, Милая ПРИВЕТИК!!! КУДЫ ЖЕ ТЫ ПРОПАЛА??? И Я ПРОПАЛА, ГОСПОДИ ЗАКРУТИЛАСЬ, ЗАВЕРТЕЛАСЬ, ВРЕМЕНИ СОВСЕМ НЕМА! НО Я ТЕБЯ ЛЮБУ! И ПОМНЮ О ТЕБЕ ВСЕГДА! ПРОСТИ ДЕВОЧКУ ЗА ЕЁ ВРЕМЕННОЕ ОТСУТСТВИЕ! ПЛИЗ!

    • admin говорит:

      Елена, приветик, я тоже соскучилась И, времени не тратя даром, иду к тебе в гости

  • Елена говорит:

    Вижу, вижу, уже наследила!!! Я очень рада тебе!!! Что новенького, как отдыхается? Рассказывай!

  • Vesna83 говорит:

    Это очень здорово, что всё так подробно расписано
    Я сегодня набросала сквизи, а в понедельник буду думать что вписать в цепляющие заголовки, сегодня уже не смогла, придумывание цепляющих заголовков оказалось для меня очень сложной задачей

  • Наталья говорит:

    Извините,но я еще вожусь с основным сайтом ,не знаю правильно ли это,но я пытаюсь вставить после какого-то «цепляющего «текста подписную форму. Как сделать так ,чтобы форма расположилась по центру? Она у меня всегда сбоку.

    • Vesna83 говорит:

      приписать вначале тег ,а в конце тег
      кажется так
      об этом можно почитать или посмотреть видео у Анжелики в уроке по созданию сайта, в котором вставляли картинку в сайдбар, задайте в поиск по сайту
      (извините что вклинилась)
      Наталья, не удаётся попасть на Ваш сайт, открывается вообще левая страница

      • Vesna83 говорит:

        не отобразились теги, попробую написать с пробелами:
        в начале тег центр а в конце тег (все пробелы убрать)
        между этими тегами вставляется код формы подписки, тогда должно стать по центру

      • Анжелика говорит:

        Весна, спасибо за помощь. Но я пока не могу что-то сказать, поскольку даже сайта не вижу…

    • Анжелика говорит:

      Наталья, добрый день. Вынуждена удалить тот url, что Вы написали, так как он никуда не ведет — битая ссылка. Напишите адрес своего сайта. Хоть посмотреть — что у Вас не так

  • Наталья говорит:

    На моей почте стоит сохраненное фото,Здесь же эта рожица,прошу прощения за это ,не знаю,как изменить?

  • Очень полезный материал про сквизи-страницу для новичков и не только. Без воронок невозможна работа ни одного интернет-бизнесмена.

  • Vesna83 говорит:

    Пришла опять создавать сквизи по твоей инструкции. По этому мануалу можно книги писать

  • Vesna83 говорит:

    И опять я здесь. Анжелика, посмотри пожалуйста, влазит ли надпись «скачать трафареты» в обозримый экран без прокрутки? http://site.mama-na-kuchne.ru/sp/trafarety-dlya-kofe/

  • Федя говорит:

    Дайте хоть ссылку на плагин.
    Просто дайте ссылку на плагин, а то у вас нету

    • Анжелика говорит:

      Федя, добрый день, в начале статьи сказано как получить ссылку на плагин, подписывайтесь и получайте :)

  • Лана говорит:

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

    • Анжелика говорит:

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

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

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

Поиск по сайту:
Рекомендую:
Рекомендую настойчиво:
Вконтакте
FaceBook

Все статьи сайта | Конкурсы на сайте| Пошаговое создание сайта| Рекомендую | Реклама на сайте

Copyright © 2017. Все права защищены! При копировании строго ссылка на сайт!

Создай свой сайт и заработай на нем Главная сайта.

Как заказать и купить такой готовый сайт, читайте здесь

24 Запросов за 0,324 cекунд.
Индекс цитирования