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

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

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>



Скачать
https://cloud.mail.ru/public/CXNa/7wYg96kYu

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *