Новый генератор форм подписки SmartResponder

августа 21 15:40 2012

Здравствуйте, уважаемые читатели! Недавно самый популярный в рунете сервис почтовых рассылок SmartResponder.ru ввел в рабочий режим новый генератор форм подписки. И в этой статье я хочу показать отличия нового генератора форм подписки от старого и научить создавать с его помощью красивые формы подписки для сайта. Те, кто имеет доступ к быстрому интернету, статью могут в принципе не читать, так как в конце есть видео-инструкция одного из сотрудников SmartResponder.ru.

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

Ребята молодцы, развивают и улучшают свой сервис.

И в свете всех этих изменений особенно порадовал как раз таки новый генератор форм подписки. Если раньше были вот такие страшненькие формы подписки

Новый генератор форм подписки SmartResponder.ru

которые приходилось дорабатывать под себя (что без знаний CSS было практически невозможно). Теперь же новый генератор  форм подписки выдает вот такие формы подписки:

Новый генератор форм подписки SmartResponder.ru

Это только один из вариантов оформления, которых всего насчитывается 5 (остальные посмотрите сами).

Давайте теперь разберемся, как создавать такие формы подписки.

Пройдите в свой аккаунт SmartResponder.ru и в меню «Формы» выберите «Генератор форм подписки (новый:

Новый генератор форм подписки SmartResponder.ru
Если чуть прокрутить страницу, то можно видеть две вкладочки «Новые формы подписки» и «Сохраненные формы подписки»:

Новый генератор форм подписки SmartResponder.ru

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

Новый генератор форм подписки SmartResponder.ru

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

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

1. Обязательные настройки формы. В обязательные настройки формы входят следующие пункты:

Новый генератор форм подписки SmartResponder.ru

  • Форма подписывает на рассылки. Сперва нужно выбрать рассылку, для которой создается форма подписки. Если данное окошко пустое, значит, еще не создана ни одна рассылка. Чтобы создать рассылку, пройдите в «Рассылки» => «Создать новую рассылку».
  • Элементы формы. Выбрав рассылку, можно добавлять различные элементы к форме, такие как хэдер, в котором по умолчанию пишется «Подписка на рассылку», счетчик (выводит количество подписавшихся на данную рассылку), капча (проверка на «человечность»), конфиденциальность данных (выводит надпись «Никакого спама, гарантируем!») и футер, в котором можно написать или разместить что угодно.
  • Размеры и внешний вид формы. Задает ширину формы, выравнивание текста и кнопки и толщину (1, 2 px или без границы) и цвет границы.
  • Фон формы.

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

P.S. Такие надписи как «Подписка на рассылку», «Ваше имя» и т.п. можно изменить с помощью настроек элементов формы (пункт #3).

2. Дополнительные настройки формы. В дополнительные настройки формы входят следующие пункты:

Новый генератор форм подписки SmartResponder.ru

  • Канал подписки, связанный с формой. Каналы подписки — это все равно что срезы для РСЯ или каналы для Google Adsense. С их помощью можно метить форму, чтобы потом получать статистику о количестве подписавшихся через эту форму подписчиков. Однако сперва необходимо создать канал. Для этого пройдите «Статистика» => «Каналы для форм подписки».
  • Язык подписки. Русский или английский — в зависимости от языковой принадлежности вашей аудитории.
  • Динамичность формы. Если вы выберете пункт «перенаправлять на страницу подписки», то после введения контактных данных, подписчик будет перенаправлен на, например, такую страницу, где ему сообщается, что необходимо подтвердить подписку. Если вы выберете «отправлять активационное письмо без переадресации», то после того, как подписчик нажмет кнопку «Подписаться», то на ее месте появится сообщение «Спасибо! Проверьте свой email и подтвердите подписку».

3. Настройки элемента формы. Для того чтобы активировать эти настройки, необходимо выбрать элемент одним щелчком левой кнопки мыши (после выбранный элемент будет в рамочке). Настроим, к примеру, поле ввода имени подписчика:

Новый генератор форм подписки SmartResponder.ru

Выделив нужный элемент, справа открываются настройки элемента формы:

Новый генератор форм подписки SmartResponder.ru

Тут ничего особенного нет. Но на всякий случай быстренько пробежимся по настройкам.

  • Отображение названия поля. В данном случае название поля — «Введите Ваше имя». Если вы выберите «Над полем», то словосочетание «Введите Ваше имя» будет располагаться над полем ввода. Если «Внутри поля», то в самом поле ввода (как показано на предпоследнем скриншоте).
  • Изначальное значение поля. Только что об этом говорили. Вписать сюда можно что угодно.
  • Форматирование текста в поле. Можно задать шрифт, цвет и размер шрифта и тип (жирный, курсив).
  • Форматирование поля. Устанавливает границу поля или отсутствие таковой, а также его фон.

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

Также стоит сказать и про поля данных подписки, среди которых самыми нужными для нас, блоггеров, являются «Email» и «Имя». SmartResponder.ru дает возможность значительно расширить форму подписки дополнительными полями, которые располагаются под рабочей областью:

Новый генератор форм подписки SmartResponder.ru

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

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

Желаю вам набрать большущую базу подписчиков, и бесплатная книга «20 эффективных способов увеличить базу подписчиков» вам обязательно поможет.

Всего доброго! До новых встреч!

Видео по теме: Новый генератор форм подписки на Smartresponder.ru от пользователя .

  Categories:
write a comment

8 комментариев

  1. Эмиль
    августа 23, 20:32 #1 Эмиль

    Ого, когда это они успели? Помню в свое время сам лепил прикольные, теперь удобнее будет конечно. Хороший сервис — это развивающийся сервис. =)

    Reply to this comment
  2. Сергей
    сентября 21, 16:25 #2 Сергей

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

    Reply to this comment
    • Альберт Александров
      сентября 21, 20:56 Альберт Александров Author

      Здравствуйте, Сергей! Охотно подскажу на примере того, как это сделано у меня на блоге:

       

       

      Можете просто скопировать этот код и вставить в шаблон своего блога

      Reply to this comment
  3. Татьяна Румянцева
    марта 01, 03:42 #3 Татьяна Румянцева

    Видела на сайтах и более интересные формы — например с иконками или мелкими картинками. Как такую сделать??? Спасибо. С ув. Т.С

    Reply to this comment
  4. Юрий
    июня 26, 03:08 #4 Юрий

    С настройками формы подписки все ясно. Вот только блоки почему то поехали все вправо. Как их выровнять? Подскажите пожалуйста.

    Reply to this comment

Add a Comment

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.