«Виджет для сбора мобильных номеров клиентов»


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

Вы сами выбираете, в какую группу номеров, какой виджет будет сохранять контакты. Можно использовать несколько виджетов на одном сайте. Это позволит разделить базу клиентов по группам, например контакты зарегистрированных пользователей будут добавляться в группу "Постоянные клиенты", а гости ресурса в группу "Потенциальные клиенты".

Как работает виджет

После добавления виджета в аккаунте, вам будет доступен код для установки в виде:
<script src="http://www.smsfox.ru/ru/widgets/customer/xxxx/"></script> - на русской версии, <script src="http://www.smsfox.ru/en/widgets/customer/xxxx/"></script> - на английской.
где xxxx - номер виджета в системе.

Этот код нужно установить на вашем сайте, в том месте, где нужно вывовить HTML форму.
В месте, где установлен код виджета будет выводиться форма с обязательным полем "Номер телефона". В настройках виджета предусмотрена возможность выбрать поля формы для дополнительных данных о контакте. Доступны поля: Имя, Фамилия, E-mail, Пол и Дата Рождения.

После отправки формы с контактными данными, HTML-форма видоизменится и будет состоять из одного обязательного поля "Ваш код из SMS". Клиенту на указанный номер телефона отправиться SMS с кодом подтверждения. Если SMS по какой-то причине не доставилось, клиент сможет запросить повторный код, но не раньше, чем через минуту от предыдущей отправки SMS. После подтверждения номера секретным кодом, контактные данные пользователя автоматически сохраняться в вашем аккаунте, а клиент на месте формы увидит сообщение об успешной подписке на вашу рассылку.

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

Мы установили виджет в этом посте и вы можете прямо сейчас посмотреть как он работает:



Установка и настройка виджета

Для начала нужно пройти регистрацию, если еще не зарегистрировались.

В меню аккаунта выберите Виджеты » Добавить виджет » для сбора мобильных номеров
Заполните форму:

Обязательные поля
*Название - придумайте название виджета, например "Виджет для сайта turist.com".
*Группа - выберите или добавьте, а затем выберите группу, в которую виджет будет сохранять контактные данные подписчиков.
*Подпись - выберите имя отправителя, от которого будет приходить SMS с кодом подтверждения.
*Домен - укажите ваш домен сайта, на котором хотите установить виджет.

Необязательные поля
Заголовок - заголовок виджета. В указанном выше примере "SMS рассылка", вы можете указать любой свой, в т.ч. с HTML тегами.
Описание - описание для подписчика. Также можете указать свое описание, при необходимости с HTML тегами.
Заголовок для подписанных - заголовок виджета для подписанного пользователя. Будет отображаться если клиент уже подписан на вашу рассылку.
Описание для подписанных - описание виджета для подписанного пользоваетля.
Поля - дополнительные поля виджета, если кроме номера телефона нужны дополнительные данные клиента.

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

Разработчики также позаботились о гибкой стилизации виджета. Вы можете как угодно видоизменять виджет путем правки css классов. Все классы вы можете посмотреть в файле по ссылке Скачать CSS стиль.

Чтобы применить свои изменения достаточно перед установочным кодом виджета добавить свою таблицу стилей. Например, чтобы сделать ширину блока виджета 220px, фон голубым, а поля, например с желтым оттенком, ваш код для установки виджета будет:
<style>
.smsfoxCWWrap {
    width: 220px;
    background-color: blue;
}
.smsfoxCWInput {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255,255,0, 0.6);
}
</style>
<script src="http://www.smsfox.ru/ru/widgets/customer/xxxx/"></script>
Таким образом вы сможете подстроить стиль виджета под стиль вашего сайта.

Основные css классы виджета:
smsfoxCW - основной блок виджета.
smsfoxCWWrap - обертка контента виджета.
smsfoxCWTitle - класс для заголовка виджета.
smsfoxCWDescription - класс для описания.
smsfoxCWInput - класс текстовых полей "Имя", "Фамилия", "E-mail".
smsfoxCWInputSmall - класс полей "Пол" и "Дата Рождения".
smsfoxCWInputError - стиль текстового поля с ошибкой.
smsfoxCWButton - стиль кнопки.
smsfoxCWResend - блок с ссылкой повторной отправки SMS и таймером.
smsfoxCWLink - стиль ссылки повторной отправки.
smsfoxCWTimer - стиль таймера.
smsfoxCWError - стиль отображения ошибки.

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

SMS-сообщения с кодом, отправленные подписчикам для подтверждения номера телефона будут списаны с вашего баланса. Посмотреть отправленные SMS вы можете в аккаунте, в разделе "Статистика (детальная)".

Если у Вас возникли вопросы или сложности с установкой виджета, вы можете обратиться в отдел поддержки support@smsfox.ru.


    Комментарии:


    Нет комментариев.


Коментировать могут только зарегистрированные пользователи.

✧ Рассылка СМС ✧ Блог ✧ Виджет для сбора мобильных номеров клиентов