Подписка на сайте через Смарптреспондер

Подписка на сайте через Смарптреспондер

Использование сервисов e-mail рассылок более удобные чем php вариант реализованный в наших сборках и сегодня мы как и обещали публикуем статью как заменить дефолтную подписку в наших сборках на подписку сервиса Смартреспондер мы не будем подробно описывать этот сервисскажем лишь то что в сервисе есть бесплатный тариф который позволяет отправить 50 000 писем в месяц, мы считаем что этого вполне достаточно для начального развития вашего сайта, в последствии можно перейти на платный тариф.

Итак для начала нам нужно зарегистрироваться на сайте smartresponder.ru(ref) ввести все необходимые данные при регистрации думаю вопросов не вызовет.

После регистрации необходимо войти в личный кабинет на сайте смартреспондера и создать рассылку, делается это в верхнем меню в разделе "Рассылки" - "Создать новую рассылку" (первый пункт выпадающего меню).

Заполняем все поля для создания рассылки показаны на картинке ниже:

Форма регистрации смартреспондер

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

В верхнем меню перефоди в раздел "Формы" - "Новый генератор форм подписки" (появится в выпадающем меню):

В появившейся форме нам посути нужен только код, для этого выбираем в поле "Форма подписывает на рассылки" из списка созданных вами подписок, если вы создали одну то у вас будет одна ваша подписка, и жмем кнопку снизу "Получить html код", как показано на картинке:

Генератор форм подписки смартреспондер

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

Вот изображение кода формы для сборки adBetter:

Код формы подписки смартреспондер

На изображении красным отмечены данные которые нужно подставить из вашей формы, которую вы сформировали зарегистрировавшись на сервисе смартреспондер. Код подписки необходимо заменить во ВСЕХ шаблонах в папке templates/, шаблонов 3 - index.html, nobar.html, shop.html. Код находится внизу страницы в каждом из этих шаблонов, его нужно полностью заменить. В версии подписки по умолчанию внизу формы подписки находится JS код для отправки данных в файл mail.php его также нужно удалить! Чтобы было проще в верстке стоят комментарии и код всплывающего окна подписки начинается с комментария subscribes -  .modal  и заканчивается комментарием то есть код который находится между этими тегами необходимо заменить на свой. Вот кусок кода в который необходимо вставить ваши данные :

	 <div class="modal fade" id="mySubscribe"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Получать предложения на e-mail:</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_206722_63" method="post" id="subscr">
<div class="form-group">
<label for="inputName" class="col-sm-3 control-label">Ваше имя:</label>
<div class="col-sm-9">
<input type="text" class="form-control" name="field_name_first" id="inputName" placeholder="Введите Ваше имя">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">Ваш Email</label>
<div class="col-sm-9">
<input type="email" class="form-control" name="field_email" id="inputEmail3" placeholder="Введите Ваш Email">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" class="btn btn-default" name="subscribe" value="Подписаться">
</div>
</div>
<input name="uid" value="469736" type="hidden">
<input name="did[]" value="573112" type="hidden">
<input name="tid" value="0" type="hidden">
<input name="lang" value="ru" type="hidden">
<input value="https://imgs.smartresponder.ru/on/6e7d54aeeac42d70e634c580f2d1395c1a8959f2/206722_63" name="script_url_206722_63" type="hidden">
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->