19.03.17, 23:36
2 комментарий
  Скрипты

Cкрипт обратного звонка

SmartLid - это бесплатный скрипт обратного звонка (контактная форма, которая вызывается при клике на кнопку и достаточно легко подключается к любому сайту).

Что представляет из себя SmartLid.js?

На данный момент smartlid.js - это кнопка, в левом нижнем углу экрана, при нажатии на которую появляется 2 дополнительные кнопки с иконками телефона и конверта. При клике на одну из них, в модальном окне появляется соответствующая форма (форма для заказа обратного звонка, и форма для отправки сообщения или заявки). Выглядит это следующим образом:


Как подключить Smartlid.js к своему сайту?
Чтобы подключить SmartLid.js к своему сайту, достаточно скачать и распаковать архив в корень вашего сайта. В результате у вас появится папка smartlid.
После этого, между тегами head необходимо подключить таблицу стилей:
<!-- Таблица стилей smartlid-->
<link href="smartlid/css/style.css" type="text/css" rel="stylesheet">

А ниже и сам скрипт.
<script src="smartlid/smartlid.js"></script>


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

Теперь, нужно указать адрес почты, на который будет приходить письмо. Делается это в файле mail.php, который находится по пути smartlid/php/mail.php. Ищем строки:

$to = "smart-landing@yandex.ru"; /*Укажите адрес, на который должно приходить письмо*/
$sendfrom = "smartsupport@yandex.ru"; /*Укажите адрес, с которого будет приходить письмо */


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

Вызов формы своей ссылкой, расположенной в любом месте на сайте

Для вызова формы при помощи своей ссылки, расположенной на сайте задайте атрибуту href:
1. для вызова модального окна с формой обратного звонка
<a href="#sl-overlay-cf">Обратный звонок</a>


2. для вызова модального окна с формой заявки
<a href="#sl-overlay-rf">Заявка</a>


Автор: dimadv7шаблоны для dle 11.2

Комментарии

  1. Vladislav 21 июня 2017 15:16                    

    Здравствуйте подскажите установил скрипт, при отправке одной заявки приходят 2 сообщения, возможно ли исправить?

  1. Ильза Пользователь offline 22 июня 2017 12:27                    

    Vladislav,
    Странно, у меня одно приходит и работает без проблем.

Напишите своё мнение