Getresponse шаг за шагом: веб-форма — создаем и размещаем на сайте

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

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

Чтобы создать веб-форму в Гетреспонс, выбираем в верхнем меню раздел Веб-формы и кликаем Создать форму:

Создание формы в меню

Создание формы в меню

Либо, нажимаем Создать форму на главной странице личного кабинета:

На главной личного кабинета

На главной личного кабинета

Форму можно создать следующими способами:

Способы создания формы

Способы создания формы

Суть почти всех способов понятна из названия:

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

Шаблоны формы

Шаблоны формы

А еще есть волшебная штука, чтоб подобрать форму в цветовой гамме вашего сайта:

Магия...

Магия…

Редактор шаблонов форм простой и понятный. Элементы свободно перетаскиваются в форму и перемещаются по ней, а также легко настраиваются. Можно заменить текст маски ввода своим. В общем, редактор готов выполнить любой наш каприз:

Редактор шаблонов формы

Редактор шаблонов формы

Тут же, в свойствах веб-формы можно:

— включить/отключить подписку с подтверждением для этой формы,

— настроить страницу благодарности

— добавлять контакты в цикл автоответчика по времени или нет. 

2. HTML редактор — редактируешь HTML код готовой формы. Все просто, если обладаешь необходимыми навыками:

HTML редактор формы

HTML редактор формы

3. Интеграции — интегрируешь созданную форму со сторонними сервисами:

Интеграции формы

Интеграции формы

Вопрос вызвал четвертый способ — Формы-Приложения. Поддержка Гетреспонс дала наводку на статью в Базе знаний, и вот что там пишут:

Формы-приложения от GetResponse доступны для вас без дополнительной платы. Они идеально подходят для создания форм подписки со специальными эффектами. Формы могут привлечь внимание посетителей, и тем самым, снижая показатель отказов, увеличить количество регистраций или предложить быстро что-то скачать.

Таких форм несколько видов:

Формы-Приложения

Формы-Приложения

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

Код любой, созданной выше указанными способами формы, можно разместить на сайте. Просто скопируйте его и вставьте в код сайта в нужном месте. Если сайт на WordPress, просто добавьте виджет HTML в нужную часть страницы и вставьте код в виджет.

Если ничего из этого у вас нет, не отчаивайтесь!

Каждая веб-форма, генерируемая в Гетреспонс, имеет уникальный URL-адрес, который можно использовать в качестве отдельной целевой страницы. Этот URL можно указывать в рассылках, добавить его в подпись к эл.письму или разместить на ваших страницах в социальных сетях, например. Инструкция.

Также можно разместить форму на странице в Фэйсбук. Инструкцию можно найти в Базе знаний.

Если у вас возникнут какие-то вопросы или дополнения по формам — пишите в комментарии. Будем рады обсудить :)

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

Getresponse шаг за шагом: веб-форма — создаем и размещаем на сайте: 2 комментария

  1. Мария

    Спасибо! Все сделала по инструкции, но готовая форма на сайте не центрируется… Что дописать в код, что получилось?

    1. Анжелика Автор записи

      Мария, спасибо за вопрос!
      Поддержка Гетреспонс для такой ситуации не предлагает конкретного решения, к сожалению. Можно попробовать сделать так: https://jsfiddle.net/vkayd3w3/

      310px — это ширина блока, устанавливается исходя из размеров вашей формы (смотреть вот тут: http://joxi.ru/brR5RnEhQqRdQA). Ее можно менять.

      Например, я вставила код своей формы и у меня получилось вот что: http://joxi.ru/nAyxw6LuXqdvG2

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

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

Дополните выражение: