SmartLid — бесплатный скрипт обратного звонка
Всем привет. Давно уже не писал в блог. Совсем не было времени. Работа, переезд, снова работа. В общем совсем «зашивался» и к вечеру уже не оставалось никаких сил. Когда появлялась минутка, тратил ее на обучение, разбор почты, ответы на сообщения в ВК и т.д., а также на обучение js.
Чтобы процесс шел быстрее и интереснее, решил заниматься реальным проектом и сделать скрипт обратного звонка. Потом, появилось желание расширить и придумать более сложный инструмент. Чтобы не просто обратный звонок, а набор инструментов для сайта:
- Обратный звонок
- Контактная форма
И другие элементы, которые могут использоваться на landing page и влиять на конверсию. Вот не полный список возможностей для контактных форм, которых планирую реализовать:
Подключение до 3 кнопок.Выбор, между использованием иконического шрифта FontAwesome или svg, png, jpg иконками.Редактирование placeholder у полей.
Редактирование заголовков форм.Редактирование иконок форм и кнопок, вызывающих форму.3 положения основной кнопки.- Настройка внешнего вида (несколько тем оформления).
Возможность сделать поля обязательными для заполнения.- Возможность подключения reCaptcha.
- Передача utm меток.
- Передача в сообщении города пользователя.
Возможность вызова формы своей кнопкой расположенной в любом месте на сайте.Настройка цели для Метрики.Передача файла.Отправка письма на несколько адресов.- Автоматическая отправка письма пользователю.
Автоматическое всплывание формы, через время.- Возможность подключения своих форм.
- Связь с CRM Битрикс 24.
Буду рад услышать ваши пожелания, замечания и критику. Я в курсе, что скрипт не идеален с точки зрения кода.
Мне показалось, что подобные скрипты довольно популярны, так как нашел несколько готовых и успешно используемых инструментов. Например, callme.js. Кроме того, недавно писал статью о корзине для Landing page, которую сделал один парень и выложил в сеть. Так вот, оказалось, что файлы отвечающие за отправку письма лежат у него на сервере. И сам был свидетелем того, что сайт у него упал больше чем на сутки, и все пользователи не могли принять заказы. Для кого-то эта ситуация могла стоить неплохих денег. Я, в сою очередь, планирую сделать скрипт, в который будет полностью находится на вашем сервере и подобных ситуаций возникать не будет.
К версии 1.0 надеюсь сделать полноценный инструмент для повышения конверсии на landing page, поэтому и назвал скрипт — SmartLid.
Всегда актуальная версия скрипта будет находится по адресу:
- https://smartlanding.biz/smartlid/
Кроме того, там расположена инструкция по подключению и демонстрация работы. Если возникнут вопросы, критика и пожелания, смело пишите в комментариях или в форме обратной связи на странице скрипта.
Надеюсь, скоро все устаканится и получится чаще писать в блог. Чтобы ускорить написание какой-то из статей, вы по-прежнему можете предложить тему на этой странице.
Скрипт заказа обратного звонка «CallMe» 1.6 — Tokar.ua
Не прошло и полугода, как я выдал для вас следующую версию CallMe. Хотя нет, полгода прошло. Сегодня я задался вопросом, на скольких же сайтах уже установлен скрипт, и часа полтора потратил на поиски. В результате я просмотрел где-то 350 ресурсов, где уже работает CallMe и дальше не считал, точно, увы, узнать не смогу.
Callme
Хочу в двух словах описать увиденное: процентов 5 удалили копирайт, не оплатив скрипт. Увы, это ожидаемо.
Несколько вебмастеров вообще заменили копирайт на свой. Радует, что люди подходят к установке скрипта творчески: кто переносит кнопку в другое место, кто меняет ее внешний вид, кому-то не нравятся поля формы и они добавляют новые.
С новой версией есть несколько нововведений: как мелочей, так и очень важных. Скрипт частично переписан, поэтому надо удалить старую версию и установить новую с нуля. В любом случае установка занимает порядка 5 минут, поэтому затраты небольшие.
Как выглядит?
Сегодняшняя версия скрипта стала значительно симпатичнее и теперь будет выглядеть так:
Что нового?
Итак, вкратце пройдемся по фичам новой версии CallMe 1.6. А нового в этой версии немало. Я просил вас написать мне, какие доработки требуются в скрипте и наибольшее количество пожеланий было именно в вызове формы заказа с произвольного объекта, а не только по клику на зеленой кнопке справа на сайте. Учтено. Доработки:
- Вызывать форму заказа звонка теперь можно по клику на любой указанный вами объект. Более того, на странице таких объектов может быть сколько угодно: ссылки в тексте, кнопки, картинкии так далее. Нужному объекту достаточно присвоить class=’callme_viewform’.
- Поле “вопрос/комментарий” вместо текстового поля стал многострочным текстовым блоком. Теперь потенциальный клиент сможет развернуто написать вопрос админу.
- После отправки запроса до перезагрузки страницы кнопка заказа звонка становится неактивной, чтобы не кликали много раз.
- При нажатии кнопки Esc активная форма заказа скрывается.
- Письмо с уведомлением приходит в html-формате. Я сделал его максимально удобным, как по мне. Вы же можете допиливать его как хотите, хоть котиков туда вставляйте. В уведомлении отображается текущая версия скрипта и ссылка на обновления, чтобы можно было следить за выходом новых версий.
- Ну и дела дизайнерские: кнопку заказа сделал красивее, она реагирует на наведение мышки, так что поводов нажать стало на один больше :-).
Более того, на странице таких объектов может быть сколько угодно: ссылки в тексте, кнопки, картинкии так далее. Нужному объекту достаточно присвоить class=’callme_viewform’.Кроме того:
- Отправка запроса возможна раз в час. В cookies сохраняется время запроса и, пока час не пройдет, либо куки не удалят, форма будет выдавать сообщение с ошибкой.
- Скрипт работает на любой платформе, независимо от панели управления и хостинга. Для работы нужен php и право отправлять письма с сервера. Это реализовано у большинства хостингов.
- Вес самого скрипта без графической кнопки — около 20 кб.
- Для установки не требуются дополнительные знания, достаточно того, что написано в этом блоге.
В cookies сохраняется время запроса и, пока час не пройдет, либо куки не удалят, форма будет выдавать сообщение с ошибкой.Как подключить и настроить
Установка и настройка Callme и настройка SMS-уведомлений.
Что-то не получается?
Для FAQ есть отдельный пост: возможные ошибки при установке Callme, эта запись постоянно обновляется, а свежая редакция указана над текстом.
Условия использования
Есть два варианта использования скрипта: бесплатный и платный. Если вы готовы поддержать разработку скрипта, переведите оплатите его по любому из реквизитов, указанных ниже. Сумму выберите на свое усмотрение, обычно это 7$, но вы можете оценить его по-своему.
Если скрипт оплачен, вы можете, опять же, по желанию, удалить мой копирайт.
WMZ :: Z265918199524
WMR :: R951233780372
WMU :: U704398793284
Я.Деньги :: 41001118387818
Вариант бесплатный: пользуйтесь на здоровье, но копирайт оставляйте. Вам он не повредит, а для проекта будет хорошей поддержкой. Я по-прежнему надеюсь на честность людей и доверяю им. Поэтому не хочу делать платное скачивание, проверку наличия копирайта и тому подобного. Так что надеюсь, я не ошибаюсь в этом решении :-). Кроме того, если у вас нет времени копаться в комментариях или вы хотите, чтобы я установил вам скрипт, это будет стоить 20$. Пишите на почту, указанную внизу сайта и я вам помогу.
Demo + download
Посмотреть скрипт в работе вы можете здесь или на мебельном.
А скачать скрипт можно тут.
Жду ваших вопросов и пожеланий. Если ссылка на скачивание не работает, откройте блог с компьютера/ноутбука, т.
к. в rss-ридере форма скачивания не работает.
2012-12-25 updated: обновите код установки скрипта, он немного поменялся. Если вы брали его из архива, там он автоматически обновился. Спасибо Евгению Рябченко.
Сценарий обратного вызова
Сценарий обратного вызова используется для классификации попытки вызова для запроса обратного вызова. Всегда используйте сценарий обратного вызова в очереди обратного вызова, либо сценарий по умолчанию, либо создайте его самостоятельно, используя тип сценария обратного вызова. Если вы создаете собственный сценарий, сценарий должен содержать классификационную функцию Call Attempt Result и ее варианты ответа, поскольку возможный повтор планируется в соответствии с результатом вызова. Дополнительные сведения см. в таблицеСценарий обратного вызова по умолчанию.
В таблице ниже описаны используемые поля сценария обратного вызова по умолчанию.
Техническое наименование | Описание | |
|---|---|---|
Никто | {CBR_NONE} | Описывает сценарий и его назначение. Агенты не могут редактировать эту информацию. |
Номер клиента | {CBR_ORIGCALLERNBR} | Используется для отображения номера вызывающего абонента, на который будет сделан вызов с запросом обратного вызова. Агенты могут редактировать эту информацию. Это полезно в тех случаях, когда клиент отвечает и просит агента перезвонить позже на другой номер. |
Имя клиента | {CBR_EXTRADATA_CUSTOMERNAME} | Используется для отображения имени вызывающего абонента, если он распознан. Агенты могут редактировать эту информацию. |
Запрос обратного вызова создан | {CBR_CREATIONTIME} | Используется для отображения времени создания запроса обратного вызова. Агенты не могут редактировать эту информацию. |
Попытки вызова | {CBR_CALLPROGRESS} | Используется для отображения количества попыток вызова. Первое число показывает текущую попытку звонка, а второе общее количество попыток звонка, например 1/3. Агенты не могут редактировать эту информацию. Определите количество попыток вызова в системных службах > Настройки обратного вызова очереди > Максимальное количество вызовов. |
Последняя попытка вызова и ее результат | {CBR_LASTCALLTIME} | Используйте это поле для отображения времени выполнения предыдущего обратного вызова и его результата. Агенты не могут редактировать эту информацию. |
Результат попытки вызова | {CBR_LASTRESULT} | Используется агентами для классификации обратного вызова. Это поле является обязательным, поскольку оно классифицирует обратный вызов, и в зависимости от результата запрос удаляется из системы или перепланируется. Варианты ответов следующие:
|
Дополнительные комментарии | {CBR_NOTES} | Используется агентами для ввода любых дополнительных комментариев к звонку. |
Сценарий обратного вызова по умолчанию
В следующей таблице показаны другие функции, доступные для сценария обратного вызова. Агенты могут редактировать всю информацию о клиенте.
Функция обратного вызова | Техническое наименование | Описание |
|---|---|---|
Название компании клиента | {CBR_EXTRADATA_CUSTOMERCOMPANY} | Используется для отображения названия компании звонящего, если оно доступно. |
Должность клиента | {CBR_EXTRADATA_CUSTOMERTITLE} | Используется для отображения имени вызывающего абонента, если оно доступно. |
Электронная почта клиента | {CBR_EXTRADATA_CUSTOMEREMAIL} | Используется для отображения электронной почты вызывающего абонента, если она доступна. |
Мобильный телефон клиента | {CBR_EXTRADATA_CUSTOMERMOBILE} | Используется для отображения мобильного телефона звонящего, если он доступен. |
Номер телефона клиента | {CBR_EXTRADATA_CUSTOMERNUMBER} | Используется для отображения номера телефона вызывающего абонента, если он доступен. |
Количество попыток | {CBR_MAXCALLS} | Используется агентами для изменения количества повторных попыток обратного вызова. Варианты ответов должны быть переключателями от 0 до 3. |
Планирование обратного вызова в сценарии (агенты)
Поддерживаемые имена часовых поясов
Когда агенты планируют обратный вызов или администраторы заполняют столбцы зон в списке контактов, используйте следующие имена зон.
Названия часовых поясов | ||
Африка/Абиджан Африка/Аккра Африка/Аддис-Абеба Африка/Алжир Африка/Асмэра Африка/Бамако Африка/Банги Африка/Банжул Африка/Бисау Африка/Блантайр Африка/Браззавиль Африка/Бужумбура Африка/Каир * Африка/Касабланка * Африка/Сеута Африка/Конакри Африка/Дакар Африка/Дар_эс-Салам Африка/Джибути Африка/Дуала Африка/Эль_Аюн Африка/Фритаун Африка/Габороне Африка/Хараре * Африка/Йоханнесбург Африка/Кампала Африка/Хартум Африка/Кигали Африка/Киншаса Африка/Лагос Африка/Либревиль Африка/Ломе Африка/Луанда * Африка/Лубумбаши Африка/Лусака Африка/Малабо Африка/Мапуту Африка/Масеру Африка/Мбабане Африка/Могадишо Африка/Монровия Африка/Найроби * Африка/Нджамена Африка/Ниамей Африка/Нуакшот Африка/Уагадугу Африка/Порто-Ново Африка/Сан-Томе Африка/Триполи* Африка/Тунис Африка/Виндхук * Америка/Адак Америка/Анкоридж * Америка/Ангилья Америка/Антигуа Америка/Арагуайна Америка/Аргентина/Буэнос-Айрес * Америка/Аргентина/Катамарка Америка/Аргентина/Кордова * Америка/Аргентина/Жужуй Америка/Аргентина/Ла-Риоха Америка/Аргентина/Мендоса Америка/Аргентина/Рио-Гальегос Америка/Аргентина/Сальта Америка/Аргентина/Сан-Хуан Америка/Аргентина/Сан-Луис Америка/Аргентина/Тукуман Америка/Аргентина/Ушуая Америка/Аруба Америка/Асунсьон* Америка/Атикокан Америка/Баия* Америка/Баия_Бандерас Америка/Барбадос Америка/Белем Америка/Белиз Америка/Блан-Саблон Америка/Удав_Виста Америка/Богота * Америка/Бойсе Америка/Cambridge_Bay Америка/Кампо_Гранде Америка/Канкун* Америка/Каракас * Америка/Кайен Америка/Кайман Америка/Чикаго * Америка/Чихуахуа * Америка/Коста_Рика Америка/Куйаба Америка/Кюрасао Америка/Данмарксхавн Америка/Доусон Америка/Доусон_Крик Америка/Денвер * Америка/Детройт Америка/Доминика Америка/Эдмонтон Америка/Эйрунепе Америка/Эль-Сальвадор Америка/Форталеза Америка/Glace_Bay Америка/Готаб * Америка/Goose_Bay Америка/Гранд_Турк Америка/Гренада Америка/Гваделупа Америка/Гватемала * Америка/Гуаякиль Америка/Гайана Америка/Галифакс * Америка/Гавана Америка/Эрмосильо Америка/Индиана/Индианаполис * Америка/Индиана/Нокс Америка/Индиана/Маренго Америка/Индиана/Петербург Америка/Индиана/Tell_City Америка/Индиана/Вева Америка/Индиана/Винсеннес Америка/Индиана/Винамак Америка/Инувик Америка/Икалуит Америка/Ямайка Америка/Джуно Америка/Кентукки/Луисвилл Америка/Кентукки/Монтиселло Америка/Ла-Пас Америка/Лима Америка/Лос-Анджелес * Америка/Масейо Америка/Манагуа Америка/Манаус * Америка/Мартиника Америка/Матаморос Америка/Мазатлан Америка/Меномини Америка/Мерида Америка/Мехико_Сити * Америка/Микелон Америка/Монктон Америка/Монтеррей Америка/Монтевидео * | Америка/Монреаль Америка/Монтсеррат Америка/Нассау Америка/Нью-Йорк * Америка/Нипигон Америка/Номер Америка/Норонья Америка/Северная Дакота/Центр Америка/Северная Дакота/Нью-Салем Америка/Охинага Америка/Панама Америка/Пангниртунг Америка/Парамарибо Америка/Феникс * Америка/Порт_оф_Спейн Америка/Порт-о-Пренс Америка/Порто_Вельо Америка/Пуэрто_Рико Америка/Рейни_Ривер Америка/Рэнкин_Инлет Америка/Ресифи Америка/Регина * Америка/Решительный Америка/Рио-Бранко Америка/Санта_Изабель Америка/Сантарем Америка/Сантьяго * Америка/Санто-Доминго Америка/Сан-Паулу * Америка/Скорсбисунд Америка/Сент-Джонс * Америка/Сент-Киттс Америка/Сент-Люсия Америка/Сент-Томас Америка/Сент-Винсент Америка/Swift_Current Америка/Тегусигальпа Америка/Туле Америка/Thunder_Bay Америка/Тихуана * Америка/Торонто Америка/Тортола Америка/Ванкувер Америка/Уайтхорс Америка/Виннипег Америка/Якутат Америка/Желтый Найф Антарктида/Кейси Антарктида/Дэвис Антарктида/Дюмон-ДЮрвиль Антарктида/Маккуори Антарктида/Моусон Антарктида/Мак-Мердо Антарктида/Палмер Антарктида/Ротера Антарктида/Сёва Антарктида/Восток Азия/Аден Азия/Алматы Азия/Амман * Азия/Анадырь Азия/Актау Азия/Актобе Азия/Ашхабад Азия/Багдад * Азия/Бахрейн Азия/Баку * Азия/Бангкок * Азия/Барнаул* Азия/Бейрут * Азия/Бишкек Азия/Бруней Азия/Калькутта * Азия/Чита* Азия/Чойбалсан Азия/Чунцин Азия/Коломбо * Азия/Дамаск Азия/Дакка * Азия/Дили Азия/Дубай Азия/Душанбе Азия/Газа Азия/Харбин Азия/Хо_Ши_Мин Азия/Гонконг Азия/Ховд Азия/Иркутск Азия/Джакарта Азия/Джаяпура Азия/Иерусалим * Азия/Кабул * Азия/Камчатка* Азия/Карачи * Азия/Кашгар Азия/Катманду * Азия/Калькутта Азия/Красноярск * Азия/Куала-Лумпур Азия/Кучинг Азия/Кувейт Азия/Макао Азия/Магадан* Азия/Макассар Азия/Манила Азия/Маскат * Азия/Никосия Азия/Новокузнецк Азия/Новосибирск * Азия/Омск Азия/Орал Азия/Пномпень Азия/Понтианак Азия/Пхеньян* Азия/Катар Азия/Кызылорда Азия/Рангун * Азия/Эр-Рияд * Азия/Сахалин* Азия/Самарканд Азия/Сеул * Азия/Шанхай * Азия/Сингапур * Азия/Среднеколымск* Азия/Тайбэй * Азия/Ташкент Азия/Тбилиси * Азия/Тегеран * Азия/Тхимпху Азия/Токио * Азия/Томск* Азия/Улан-Батор * Азия/Урумчи Азия/Вьентьян Азия/Владивосток * Азия/Якутск * Азия/Екатеринбург * Азия/Ереван * Атлантика/Азорские острова * Атлантика/Бермуды Атлантика/Канарейка Атлантика/Кабо-Верде * Атлантика/Фареры Атлантика/Мадейра Атлантик/Рейкьявик Атлантика/Южная Джорджия * Атлантик/Сент-Хелена Атлантик/Стэнли | Австралия/Аделаида * Австралия/Брисбен * Австралия/Broken_Hill Австралия/Карри Австралия/Дарвин * Австралия/Юкла Австралия/Хобарт * Австралия/Линдеман Австралия/Lord_Howe Австралия/Мельбурн Австралия/Перт * Австралия/Сидней * ЦЕТ КСТ6КДТ ЕЕТ ЭСТ EST5EDT и т. |
