Подписная страница в JustClick от идеи до реализации

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

Инструменты, которые вам понадобятся:

JustClick — платформа для создания инфобизнеса

Photoshop — графический редактор

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

  • Выбор продукта, который мы будем распространять с помощью подписной страницы
  • Создание прототипа страницы и выбор необходимых элементов
  • Создание графических элементов в Photoshop
  • Верстка страницы и перенос ее в JustClick
  • Настройка формы подписки
  • Настройка и установка таймера
  • Настройка web аналитики для отслеживания конверсии
  • Настройка и создание страниц подтверждения подписки и выдачи продукта

Выбор продукта

Наиболее эффективно использовать в качестве раздаваемого продукта тот, который можно получить мгновенно. Это может быть Книга, Видеокурс, Мастер-Класс, Чек-лист или Специальный отчет.

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

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

Прототип подписной страницы

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

прототип подписной страницы

 

Я буду создавать короткую подписную страницу, которая должна умещаться на экране монитора без полос прокруток.

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

Создание графики

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

Для выбранной страницы нам понадобиться:

Фон

Я не буду заморачиваться созданием текстур, а просто зайду в google и найду текстуру, которая мне подойдет. Сохраню ее пока на жесткий диск.

Форма подписки

Недавно я выкладывал видеоурок как создать форму подписки в Photosop. Дальше я покажу как вставить и настроить такую форму на вашей странице.

Фото автора

Тут я просто возьму свою фотографию и сделаю из нее круглую. Для этого открою ее в Photoshop. Создам по слоем с фото еще один. Выделю на нем круглую область (чтобы круг получился ровным держите нажатой клавишу shift) И превращу слой в маску, наведя курсор между слоем с фото и слоем с кругом и кликнув мышкой с нажатой клавишей alt

Результат сохраняйте в формате PNG, он поддерживает прозрачность.

3d изображение продукта

Не смотря на то, что мы распространяем с вами цифровые продукты, 3d изображение коробки, книги или диска выгодно подчеркнет ваш продукт и увеличит конверсию подписной страницы. В отдельном уроке я записал как создать 3d изображение инфопродукта за 20 минут

Верстка страницы

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

Далее с помощью визуального редактора создаем «скелет» нашей страницы и наполняем текстом.

16-10-2014 1-29-16

Настройка формы подписки

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

Самый простой способ получить код формы подписки это сгенерировать его прямо в JustClick. В меню «группы подписчиков» вверху справа найдите ссылку «генератор формы». Нажмите кнопку добавить и насройте необходимые параметры:

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

Внизу страницы с настройками вы увидите сгенерированный HTML код, который нужно вставить на место формы.

Настройка таймера

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

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

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

Настройка web аналитики

Я обожаю JustClick за его модуль аналитики. В личном кабинете, в разделе эффективность рекламы вы всегда можете посмотреть конверсию любой страницы. Можно проанализировать конверсию по разным источникам трафика, если вы знаете как использовать utm метки.

Настройка дополнительных страниц

При верстке формы подписки мы указали с вами 2 страницы: страница после подписки и страница после активации. Пришло время их создать.

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

Не нужно писать ничего лишнего на этой странице, просто сообщение: проверьте свою почту и подтвердите email чтобы получить продукт.

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

В результате

Вот что у меня получилось:

 16-10-2014 1-39-38

Не хотите заморачиваться и делать все сами? Скачайте шаблон подписной страницы на JustClick

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

Маркетолог-перфекционист. С 2007 года помогаю предпринимателям привлекать клиентов и увеличивать продажи за счет инструментов интернет-маркетинга.

  • Александр

    Не удалось подписаться!
    При заполнении формы допущены ошибки.
    Не заполнено поле E-mail.
    Закройте это окно, проверьте поля формы подписки и повторите попытку.

  • Pingback: Шаблон страницы подписки для JustClick | Степан Ноянов()

  • Степан не работает форма на получение подробных инструкций в видеокурсе. (Конечный вариант продающей страницы)