Как адаптировать любую подписную форму для Smartresponder

Как адаптировать любую подписную форму для SmartresponderПомимо того многообразия красивых форм подписки, что предлагает сервис smartresponder.ru, довольно часто всречается необходимость настраивать свои подписные формы, чтобы они добавляли подписчиков в смарт.

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

Ну, а теперь к делу!

Общая информация по подписным формам

В самом простом виде форма подписки выглядит вот так:

Форма подписки - упрощенный вариант

Желательно понимать, что это база, а всё остальное в коде формы – это либо украшающие её стили, либо обрабатывающие скрипты.

Самое важное для работы формы – это переменная “name=”” “для тега “<input>” и переменная “action=”” ” и “metod=”” ” для тега “<form>” – это то, что у подписных форм разных сервисов рассылок разное! И как раз при адаптации своей красивой формы для смарта, да и для JustClick’а, и других сервисов эти переменные мы и будем менять.

Адаптация своей формы для Смартреспондера

В своем аккаунте автора в смартреспондере:

  1. Перейдите в раздел “Формы” — “Новый генератор форм подписки”
  2. Выделите первую форму
  3. В “Обязательные настройки формы” в поле “1. Форма подписывает на рассылки:” выберите рассылку, в которую данная форма будет подписывать
  4. Кликните “Получить html код” и скопируйте его на новую страницу в редакторе, в котором правите код формы (например NotePad++)
  5. Найдите в коде формы смарта тег<form>” и скопируйте оттуда только: method=”post” action=”https://smartresponder.ru/subscribe.html” target=”_blank” name=”SR_form_1_67″
    Адаптация формы подписки тэг <форм>
  6. Найдите тег <form> в своей подписной форме и добавьте к нему скопированное, после чего удалите такие же переменный, если они были заданы (method, action, name)
  7. Найдите тег <input>, в своей форме, в котором указывается имя подписчика и добавьте в него name=”field_name_first”, либо замените имеющуюся переменную name=”” (получится <input name=”field_name_first” >)
  8. Затем в теге <input> в своей форме захвата, предназначенному для ввода e-mail подписчика, по аналогии с предыдущим пропишите name=”field_email”
  9. Для input’а кнопки подписки точно так же прописываем name=”subscribe”
  10. В самом конце кода смартреспондеровской формы вы увидите пять тегов <input>, которые нужно обязательно скопировать и вставить в конец своей формы
    Адаптация формы для смарта - обязательные теги

Ну вот и всё – нам потребовалось всего 10 простых шагов! Сохраняйте и тестируйте – ваша форма должна работать!

Дополнительный данные

Иногда в форме сбора контактов, кроме имени (name=”field_name_first”) и е-мейла (name=”field_email”) требуются дополнительные данные. В смартреспондере этим дополнительным полям задаются следующие переменные:

  1. Фамилия – name=”field_name_last”
  2. Отчество – name=”field_name_mid”
  3. Контактный телефон – name=”field_phones”
  4. Мобильный телефон – name=”field_phone_mobile”
  5. Город – name=”field_city”
  6. Название компании – name=”field_company”
  7. Адрес – name=”field_address”
  8. Выбор принадлежности к полу можно задать вот так: <input type=”radio” value=”m” name=”field_sex” checked=”checked”><input type=”radio” value=”w” name=”field_sex”>
Leave a Reply

Your email address will not be published. Required fields are marked *