Как установить форму подписки на сайт wordpress. Сервис Smartresponder. Исчерпывающая инструкция, видео. Часть 2

Добро пожаловать на блог!

Из предыдущей статьи Вы узнали много полезных фишек, где на сайте эффективнее установить форму подписки, как убедить подписчика оставить свои и-мэйл, как cделать pdf книгу, как правильно составить автописьмо, как правильно вести рассылку писем подписчикам и многие другие. В этой статье при помощи пошаговой инструкции мы вместе установим форму подписки на блог или сайт. Узнаем, как технически выполнить все рекомендации предыдущей статьи: как создать почту на своем домене, как сделать подписку на сайте wordpress, используем сервис емейл рассылок Smartresponder* и его шаблоны для конструирования нашей формы подписки.

* Обновление статьи от 14.09.2016. Буквально несколько дней назад стало известно, что владелец замечательного сервиса Смартреспондер принял решение закрыть проект. Очень жаль! В связи с этим в данной статье становится неактуальной та ТОЛЬКО ЧАСТЬ, КОТОРАЯ КАСАЕТСЯ НАСТРОЕК СЕРВИСА SMARTRESPONDER.

Как настроить форму подписки на сайте и как настраивать рассылку при помощи сервиса  Unisender  читайте в этой новой статье.

План размещения на сайте формы подписки:

  1. Как создать страницу на сайте, которая раздаёт книгу, видеотренинг при подписке?
  2. Как создать почту на своем домене?
  3. Как выполнить регистрацию в Smartresponder?
  4. Как создать рассылку на Смартреспондере?
  5. Как сделать автоматическое письмо для подписчиков в Smartresponder?
  6. Как сделать стандартную форму подписки в Смартреспондере?
  7. Как разместить форму подписки на свой сайт?
  8. Как сделать 3d обложку для книги самому и как заказать?

1. Создание страницы на сайте, которая раздаёт ценность

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

В предыдущей публикации мы выяснили: из опыта известно, что читатели неохотно «отдают» свой e-mail. Поэтому необходимо в обмен на него предлагать какую-то ценность, например, книгу или видео. Ценность эта должна, либо решать проблему, либо приносить удовольствие. Подробнее об этом – в разделе 2 предыдущей статьи «Как убедить посетителя оставить свой и-мэйл?».

Рассмотрим, как «закачать» книгу, например, в pdf формате на свой хостинг. Я использую хостинг Sprinthost, соответственно, покажу, как это сделать на примере Sprinthost (кстати, если Вы по каким-то причинам недовольны своим хостером, очень рекомендую перейти на этот хостинг — недорогой и надёжный хостинг с моментальной техподдержкой. Я перешла на него с другого хостинга по рекомендации Михаила Гаврилова (ведёт тренинги по сайтостроению) и очень довольна.

Заходим в админку своего хостинга и нажимаем на кнопку Дополнительно -> Файловый менеджер. Выбираем свой сайт (в моём случае я выбрала сайт alenakraeva.com). Выбранный нами путь отображается вверху экрана … alenakraeva.com/public_html/ (у Вас должно быть точно так – …имя Вашего сайта»/ public_html/.

Sprinthost

В верхней части экрана кликаем на иконку «Создать папку» и создаём папку, называем её «dlya skachivaniya» или «downloads»:

12

И сюда (в эту папку) закачиваем теперь pdf файл с книгой. Выбираем иконку «Закачать (стрелка вверх)».

Сринтхост

Копируем файл со своего компьютера. Появляется сообщение, что файл загружен. Нажимаем ОК.

Сринтхост

Теперь надо приготовить Вашу ссылку на скачивание книги. Её Вы вставите в автоматическое письмо, которое Ваши подписчики получат после подписки на Вашем сайте. По данной ссылке они смогут скачать Вашу книгу. Ссылку составляете так: http://имя сайта/имя папки/название файла. В моём случае ссылка выглядит так: http://alenakraeva.com/dlya_skachivaniya/Kniga NNN.pdf.

Для проверки скопируйте составленную Вами ссылку в поисковую строку Вашего браузера – должно открыться окно с файлом для скачивания. Получилось? ОК. Переходим к следующему шагу.

2. Как создать почту со своим доменом?

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

Соответственно, Вам надо зарегистрировать адрес электронной почты на Вашем домене.

Я использую хостинг Sprinthost. Соответственно, покажу, как это сделать на примере Sprinthost. Заходим в админпанель своего хостинга. Выбираем в меню слева Сайты и домены -> Управление сайтами. Затем выбираем сайт, для которого создаём электронную почту. Я выбрала сайт alenakraeva.com. Затем нажимаем на кнопку «Почтовые ящики».

Sprinthost

В следующем окне нажимаем на кнопку «Новый почтовый ящик». Появляется форма, в которой надо заполнить такие поля:

  • Имя почтового ящика на Вашем домене. Я назвала newsletter@alenakraeva.com. Можете назвать вместо newletter — info или указать своё имя. Главное, чтобы адрес письма выглядел внушительно.
  • Пароль (можно придумать пароль, а можно нажать на кнопку «Произвольно» и программа сама придумает пароль)
  • Подтверждение пароля
  • Затем нажимаем на кнопку «Создать почтовый ящик»

Создание имейла на Sprinthost

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

Теперь посмотрим, где своей почтой можно пользоваться. В левом меню своей админпанели хостинга нажимаем на кнопку «Почта», вводим адрес почты и пароль и нажимаем «Войти»

Вход в почту на Sprinthost

Входим в свою почту. Видим папку «Входящие», «Отправленные». В общем интерфейс стандартный, как у любого почтового сервиса. Но скорее всего сюда Вы будете заходить редко, т.к. будете рассылать письма своим подписчикам из сервиса Smartresponder.

Почта на Sprinthost

3. Регистрация в Smartresponder

Регистрация стандартная. Заходим на Smartresponder (Смартреспондер главная). 

Smartresponder

Опускаемся вниз экрана и нажимаем на кнопку «Попробуйте прямо сейчас». В 1-й части публикации мы обсудили, что начать можно с бесплатного тарифа SmartResponder.FREE. После регистрации он автоматически «подтянется» в Ваш эккаунт (личный кабинет). По этому тарифу можно иметь до 1000 подписчиков и рассылать 50000 писем в месяц.

Smartresponder

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

Smartresponder

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

8

Настройка эккаунта

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

4. Как создать рассылку на Смартреспондере?

Для чего Вам нужно создавать в Smartresponder рассылку и автоматическое письмо? Когда Ваш читатель введёт адрес своей электронной почты в форму подписки на Вашем сайте, ему на почту придёт автоматическое письмо, а точнее 2 письма. 1-е письмо – для подтверждения подписки, а 2-е письмо – со ссылкой на ту ценность, которую Вы пообещали ему за подписку (например, со ссылкой на книгу).

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

Заходим в свой эккаунт (Смартреспондер личный кабинет). Нажимаем кнопку «Рассылки» — «Создать новую рассылку».

Смартреспондер

Затем заполняем все поля так, как указано на скриншоте ниже, а именно:

  • В поле Название рассылки указываем название ценности, которую рассылаем (книга, видеоурок)
  • В поле Тематика рассылки – выбираем из каталога подходящую тематику
  • В поле Кратное описание рассылки можете более развёрнуто написать о своём подарке для подписчика, например, «Книга «Английский для начинающих» поможет выучить язык с нуля».
  • Поле тип рассылки – выбрать указанное в скриншоте значение
  • Периодичность – выбрать Нерегулярно
  • Автор рассылки – Ваше имя (подтянется из данных, которые Вы указали при регистрации)
  • Обратный e-mail адрес – надо указать адрес, который Вы зарегистрировали на своём домене.
  • Его надо будет подтвердить, нажав кнопку «Подтвердить», а затем ввести код, который придёт на этот адрес (как заходить в Вашу почту, чтобы увидеть код см в разделе 2 этой статьи).
  • Нажать Создать новую рассылку.

Создание рассылки в Smartresponder

5. Создание автоматического письма для подписчиков в Smartresponder

После создания рассылки надо создать автоматическое письмо. Это письмо Ваш подписчик получит сразу после подписки.

Для создания автоматического письма заходите в Ваш эккаунт в Smartresponder (Смартреспондер личный кабинет). Кликаете на «Список рассылок», затем – на название созданной Вами рассылки (в моём примере это «Книга «NNN»).

В открывшемся экране спускаемся вниз — находим блок «Серия писем». Нажимаем в этом блоке на кнопку «Добавить письмо»

Создание письма в Smartresponder

Выбираем тип письма. Я выбрала тип «Красочное HTML письмо (старый редактор)» и нажимаю кнопку «Дальше».

Дальше всё просто. Заполняем поля:
  • Отправить на (день) – указываем 0 (т.е. отправка письма сразу же)
  • В следующее время – указываем 00
  • Тема письма – Ваша ссылка на Книгу «NNN» (например)
  • В теле письма пишем (к примеру):

«Уважаемый подписчик!

Вы получили это письмо, так как подписались на рассылку Алёны Краевой. Вы всегда можете отписаться от рассылки одним щелчком мыши, ссылка для отписки есть в конце письма.

Вы подписались на получение книги NNN. Для получения книги нажмите на ссылку ниже.

Ваша ссылка

С уважением, Алёна Краева»

16

Важно ссылку не вставлять, как ссылку, а спрятать в анкоре  «Ваша ссылка» или «Название книги».

Как вставить ссылку в анкор? Выделяете слова «Ваша ссылка» и нажимаете на иконку «Вставить/редактировать ссылку”. См скриншот ниже.

17

Дальше обязательно (!) заходим в текстовую версию письма и копируем наш текст, но уже с прямой ссылкой (пример: http://alenakraeva.com/dlya_skachivaniya/Kniga NNN.pdf)

18

Перед сохранением  письма можно нажать на кнопку «Предпросмотр», чтобы увидеть, как будет выглядеть письмо. А также на кнопку «Тестировать» — программа отправит на Ваш имэйл (надо указать свой имэйл тестовым в настройках эккаунта) тестовое письмо.

Когда убедились, что всё ОК, нажимаем в конце экрана на кнопку «Сохранить».

Текст письма, конечно, Вы придумаете свой, интересный для подписчика. Для примера таких текстов, можете подписаться на рассылки и посмотреть тексты писем, которые приходят вместе с «ценностью».

Этой информации для создания самого первого автоматического письма Вам достаточно.

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

Напоминаю, что все уроки Вы можете найти на сайте в своём эккаунте (личном кабинете) в закладке «Начало» внизу экрана в разделе: «Не знаете, с чего начать работу?»

Вот видео «Добавление писем в серию»

6. Как сделать форму подписки в Смартреспондере?

Можно создать форму на основании шаблона Смартреспондер, а можно привлечь дизайнера и программиста. Стоит это примерно 1500-2000 рублей. Я бы начала со стандартной формы.

Форму подписки будем создавать в сервисе Smartresponder. Заходим в свой эккаунт (Смартреспондер личный кабинет). Формы — > Новый генератор форм подписки.

Выбираем шаблон формы, который нам нравится. И делаем  настройки, о которых детально рассказывается в видеоуроке «Создание формы подписки» (см ниже видео).

Я оставила все настройки по умолчанию, изменила только следующие:
  • Убрала Имя из формы подписки (так будет больше подписок). Для этого внизу экрана в блоке «Поля данных для подписки» кликнула на зеленую кнопку «Имя» и она стала красной.
  • В блоке «Настройки элемента формы» изменила цвет кнопки «Подписаться» на зелёный.
  • В блоке «Настройки элемента формы» изменила название формы с «Подписка на рассылку» на «Получите бесплатно Книгу NNN и доступ к новым статьям блога»
  • В блоке «Обязательные настройки» ввела название формы (Подписа в сайдбаре на книгу NNN) и выбрала рассылку, которую я создала «Книга NNN».
  • Нажала внизу экрана на кнопку Сохранить. Затем на кнопку Получить HTML-код. Этот код мы вставим в админке нашего сайта для отображения формы в сайдбаре.

Форма подписки на Смартреспондер

Видеоурок «Создание формы подписки»:

7. Как разместить форму подписки на свой сайт?

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

Сначала установим форму подписки в правый сайдбар.

Заходим в консоль своего сайта. Выбираем слева в меню Внешний вид – Виджеты.

Виджеты

В левой колонке виджетов выбираем виджет «Текст», зажимаем его левой кнопкой мыши и перетаскиваем в правую колонку – колонку рабочих виджетов сайдбара под виджет «Поиск по блогу».

В поле для ввода текста копируем код, который мы получили на сайте Смартреспондер после конструирования нашей формы подписки (см скриншот ниже). 20

Всё готово. Заходим на сайт и проверяем, как работает наша форма.

Теперь установим форму в конце статьи (будет отображаться в конце каждой статьи).

В конце статьи форму можно сделать шире, чем в сайдбаре. Для этого сделаем 2-ю форму  подписки в сервисе Смартреспондер. Она может отличаться от 1-й только шириной. После формирования формы, получаем код, копируем его.

Есть 2 способа, как разместить код Смартреспондера на сайте.

  1. При помощи плагина – простой способ:
  2. Вставить код в single.php – для тех, кто разбирается в коде
1й способ (простой, при помощи плагина)

Заходим в админку нашего сайта. Плагины – Добавить новый. В поле поиск плагинов вводим название плагина – new adman. Нажимаем Enter.

Плагин New Adman

Затем нажимаем на кнопку Установить в следующем экране – на кнопку Активировать плагин.

Плагин New Adman

Затем в левом меню заходим в Настройки и выбираем New Adman. В поле «Ad-Code to appear after your post content» вставляем наш код формы подписки, скопированный в Смартреспондер.

Плагин New Adman

Нажимаем внизу экрана на кнопку Update Options. Готово! Проверяем, как выглядит форма на сайте.

Бонус плюс этого плагина в том, что в это поле можно также добавлять код рекламного банера или код рекламы Google adsense вместе с кодом формы подписки (до Формы или после).

2-й способ – для тех, кто разбирается в коде

Заходим в админку нашего сайта. Внешний вид – Редактор – Одна запись (single.php)

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

8. Как сделать 3d обложку для книги самому и как заказать?

Касательно 3D обложки для Вашей ценности. Можно сделать самому, для этого есть специальные сервисы. Можно привлечь дизайнера на биржах фриланса, например, Work-zilla или Free-lance.ru. Cтоимость работы 300-500 рублей. Решать Вам.

В этом видео рекомендации, как заказать 3d обложку и инструкции, как сделать самому.

Спасибо!

Очень надеюсь, что форма подписки теперь установлена на Вашем блоге или сайте!

Желаю всем вдохновения и много сил для выполнения всех задуманных планов!

Алёна Краева

P.S. Не забывайте поделится информацией с друзьями в соц сетях.

Если есть вопросы, пишите в комментах.

Подписывайтесь на новые статьи. Кстати в подписке Вы можете получить бесплатно новый бестселлер —  книгу Эшли Вэнса «Илон Маск. Tesla, SpaceX и дорога в будущее».

Оцените статью
SMARTБЛОГ
Добавить комментарий

  1. Анна

    Очень хорошие статьи, по которым можно научиться создавать формы для подписки, но жаль, что Смартреспондера уже нет.

    Ответить
    1. Алёна Краева автор

      Согласна с Вами, Анна. Жаль, что не стало Смартреспондера. Я долго искала и наконец нашла отличную альтернативу для емейл-рассылок — сервис AIOP
      Это иностранный сервис. Но такого выгодного сервиса нет на нашем рынке. Безлимитное количество писем по безлимитной базе при тарифе всего $11. Вы сами знаете, какие цены на нашем рынке. Можно создать форму подписки.
      На моем сайте есть уроки на русском языке, как работать в сервисе.

      Ответить
Adblock
detector