Много красивых подписных форм для сервиса JustClick бесплатно

Пока в сервисе JustClick ещё нету возможности создавать красивые формы подписки, мы можем использовать чужие!

И ниже я расскажу как пользователи JustClick могут использовать веб-формы, созданные в сервисе почтовых рассылок Getresponse.com.

 

1. Первым делом конечно же нужно зарегистрироваться в гетреспонсе и создать себе там удивительной красоты форму. Для этого нужно перейти в раздел “Веб-формы”, выбрать понравившийся шаблон и довести его до совершенства.
Создание формы захвата в Getresponse.com

2. Если хотите, форму можете сохранить и после этого кликаем по кнопке “Следующий шаг” и сразу же повторяете это действие на следующей странице, на которой настраивается функционал формы, который нас не интересует – нас интересует только дизайн. А функционал мы будем настраивать в JustClick’е.

3. На открывшейся странице в поле “Код HTML” кликаем по закладке “Показать код HTML”, копируем появившийся код и вставляем его в редактор, в котором будем его править (я советую NotePad++).

4. В личном кабинете сервиса JustClick в разделе “Мои рассылки”открываем “Генератор формы подписки” и выставляем в нем необходимые настройки: обязательно выбираем группу подписчиков, в которую будут собираться контакты подписчиков и, если необходимо, прописываем маркер, партнерский ID, ID рекламной метки, URL после подписки и активации; копируем выданный внизу страницы код и вставляем его в текстовый редактор, в котором работаем.

5. В самом начале кода формы, после тега form копируем его атрибут action с прописанными параметрами до атрибуту method=”post”Код формы JustClick

6. Ищем такой же тег form в коде формы гетреспонса и меняем его атрибут action на скопированный.

7. Далее ищем в коде getresponse тег
<input class=”…” type=”text” name=”name”></input>
и меняем в нем name=“name” на name=“lead_name”.

8. По аналогии в теге
<input class=”…” type=”text” name=”email”></input>
прописываем name=”lead_email” и в <input type=”submit” class=”…” name=”submit”…> изменяем на name=”lead_subscribe”.

9. В конце кода формы гетреспонса удаляем стоящий там скрипт, а перед закрывающимся тегом </form> вставляем скрипты, скопированные из кода формы JustClick. Выглядят они следующим образом: <script language=”JavaScript” src=”http://ваш_логин.justclick.ru/media/subscribe/helper2.js.php”></script><script language=”JavaScript”>jc_setfrmfld()</script>.

Вот, впринципе, и всё – форму можно сохранять, проверять и размещать на сайте.

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

5 comments
  1. Юлия
    Юлия • Post Author •
    17.10.2014 at 07:35

    Здравствуйте!
    Спасибо огромное за статью. Очень мне помогла.
    Но у Вас закралась ошибка в п. 8: name=”leag_email” а нужно name=”lead_email”
    Из-за этого выдавал ошибку что адрес эл.почты не написан.
    Плюс еще дописать бы, что если только одно поле “эл.почта”, то часть кода, относящееся к “name” нужно удалить. Вот этот кусок:
    Имя:
    Иначе хоть поля видно и не будет, но ошибка незаполненного поля “имя” будет выдаваться.
    Вот:)

    Reply
    • Ramires
      Ramires • Post Author •
      17.10.2014 at 10:28

      Юлия, спасибо, что указали на ошибку – поправил 🙂
      Рад, что статья пригодилась!

      Reply
  2. Юлия
    Юлия • Post Author •
    12.12.2014 at 14:59

    Мне как раз нужна красивая форма подписки для сайта. Пересмотрела много вариантов, но ваш показался наиболее простым и удобным. Спасибо за подсказку.

    Reply
  3. Оксана
    Оксана • Post Author •
    21.05.2015 at 12:12

    Огромное спасибо Автору! Вы мне очень помогли! Только у меня следующий вопрос: Getresponse-ром бесплатно можно пользоваться месяц. Что будет по прошествии этого времени – формы будут нормально функционировать или же придется оплачивать сервис Getresponse для дальнейшего пользования? Спасибо!

    Reply
    • Ramires
      Ramires • Post Author •
      21.05.2015 at 14:50

      Формы будут работать нормально, ведь мы не используем функционал сервиса, а только внешнее оформление (стили) берём и используем его для джасткликовской формы.

      Reply
Leave a Reply

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