Всплывающее модальное окно с формой подписки (страница 2)


<<< На предыдущую  На двух страницах.  Страница 2.



Привязка окна к сервису Смартреспондер

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

меткаЗайдите в свой аккаунт Смартреспондера и и нажмите ссылку «Генераторы форм». Примечание: нужно брать код СТАРОЙ формы, так как с ней проще разобраться и все уроки «заточены» под неё. Выберите нужную рассылку и скопируйте код её формы, затем вставьте в текстовой документ. (Это делается для удобства поиска элементов кода; можно, конечно, искать их и в самом коде Смартреспондера).

меткаВ корневой папке сайта находим и открываем папку templates по адресу splash_wind/s_dialog/templates. В папке templates находятся ещё семь папок, названия которых соответствуют названиям цветов скинов. Открываем первую папку blue и в ней же находим индексный файл index.html. Вот в нём и будем делать настройки.

меткаОткройте индексный файл, используя Блокнот или любой другой текстовой редактор, и внесите следующие изменения:

1.  Найдите участок кода, как в таблице внизу и впишите наборы цифр из кода Смартреспондера, либо замените строки с input-ами целиком. Эти цифры определяют, что это именно ваша подписка, номер канала и т.д., но в это особо вдаваться не стоит.

 <input type=hidden name="did[]" value="202124">
 <input type=hidden name=version value="1">
 <input type=hidden name=tid value="0">
 <input type=hidden name=uid value="63387">
 <input type=hidden name=lang value="ru">

2.  Если есть необходимость, замените тексты в самом модальном окне - «Получите бесплатный курс!», рекламные тексты и т.п. Они в коде файла index.html хорошо видны, поэтому менять их не составит труда. Можете сменить изображение кнопки подписки на своё.

3.  В коде индексного файла УЖЕ внесены остальные поправки из кода Смартреспондера (а именно: некоторые свойства формы и input-ов email-а и имени, а также кнопки подписки), поэтому, не стоит заострять на этом внимание, оставить всё, как есть и больше ничего не «править».

4.  Вносим аналогичные изменения во все остальные индексные файлы оставшихся шести папок.

В результате Вы получаете красивую и результативную форму подписки на ваши рассылки. Это всё! Удачи Вам! Спасибо за внимание. L.M.



<<< На предыдущую  На двух страницах.  Конец страницы 2.


Ваше мнение по материалу, изложенному на сайте




  © 2015–2024  dynamic-site.olerant.ru  L.M. Служба поддержки Яндекс.Метрика