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

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,
    Странно, у меня одно приходит и работает без проблем.

  1. Nikita 20 августа 2017 12:26                    

    Здравствуйте, я хочу использовать этот скрипт в своем магазине. Разрешено ли это?

  1. Ильза Пользователь offline 21 августа 2017 16:08                    

    Nikita,
    Скрипт в свободном доступе, почему бы и нет?

  1. Константин 23 октября 2017 18:52                    

    Здравствуйте! Установил скрипт, но модальные окна открываются, исключительно с главной страницы. Если находишься вне, то редиректит на главную! В чем может быть дело? Спасибо!

  1. олег 19 декабря 2017 08:26                    

    Здравствуйте, спасибо за скрипт, очень качественный!
    У меня почему то не отображаются символы на кнопке, с чем это может быть связано?
    Заранее благодарю

  1. Гость Сергей 18 марта 2018 20:09                    

    Ты просто супер суперский человек, спасибо тебе за такую полезную штуку, блин миллион похвал. здоровья, счастья тебе, успехов во всем. Ты не представляешь что ты для меня сделал. Я искал этот плагин уже очень давно, а нахожу только платную хрень ! Спасибо от души!

  1. Ильза Пользователь offline 20 марта 2018 11:43                    

    олег,
    Font Awesome подключен?

  1. tv-igor Пользователь offline 29 марта 2018 17:22                    

    Не запустилось. Разбираюсь.

  1. Геннадий 3 апреля 2018 17:34                    

    Здравствуйте!
    Установил скрипт. Работает...Но, так же как и у " Vladislav" приходит 2 письма.
    И как у "Константин" - выбрасывает на главную, после активации отправки телефона

  1. Ильза Пользователь offline 4 апреля 2018 18:23                    

    Геннадий,
    Я тестировала, все работало идеально, никаких проблем не возникло, поэтому я даже не в курсе из-за чего может быть такая ошибка

    Обновила ссылку для скачивания, добавила версию которая работала (smartlid.rar) у меня и новая версия (smartlid-new.zip), с которым возникали проблемы

  1. Юрий 27 мая 2018 18:49                    

    Ильза, добрый день.
    Подскажите пожалуйста. Сделал всё как у Вас описано, кнопка появилась а иконки при нажатие на неё нет. То есть выпадают две пустые кнопки. Как можно побороть эту беду.

  1. Ильза Пользователь offline 28 мая 2018 16:31                    

    Юрий,
    Font Awesome подключен? Работает? Или путь до картинок проверить надо, если Font Awesome не подключен на сайте вообще

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