jQuery-плагін для створення форм замовлення зворотного дзвінка, форм заявок та інших форм для роботи з відвідувачами сайту.
Модуль замовлення зворотного дзвінка для сайту, підійде для будь-якої CMS. Принцип роботи доволі простий: користувач заповнює й надсилає форму, а вам на пошту приходить лист із цими даними. Неважливо, чи надаєте ви якісь послуги, чи ведете блог — завжди будете на зв’язку з відвідувачами або клієнтами сайту. Ви можете встановити його на WP, DLE, Joomla, ModX — установка скрізь однаково проста, або можете замовити встановлення в нас.
Розширена версія Спробуйте розширену версію з абонплатою 350 грн на рік. Разом із нею ви отримуєте можливість використання: sms-сповіщень, каптчі, відправки файлів, отримання додаткової інформації про користувача (його місто, профіль VK, IP), роботу на абсолютно будь-якому сайті.
Форма може бути спливаючою або статично виведеною у потрібному місці сторінки. Спробувати Ми даємо місяць безкоштовного користування для тестування системи. 350 грн на рік, хіба це дорого за необмежену кількість форм для вашого сайту?
Встановлення
Вставте в секцію <head> сторінок, де хочете, щоб з’являлася форма, посилання на файли плагіна та стилі:
<script type="text/javascript" src="/шлях_до/jquery.js"></script> <script type="text/javascript" src="/шлях_до/jquery.jbcallme.js"></script> <link rel="stylesheet" type="text/css" href="/шлях_до/jquery.jbcallme.css">
Покладіть файл postmaster.php з архіву в корінь сайту. За замовчуванням він є обробником запитів і виконує функцію відправлення листів на вашу пошту. Відкрийте його і вкажіть поштові скриньки, з якими будете працювати.
Щоб побачити форму на сайті, достатньо викликати функцію для HTML-об’єкта.
Простий виклик
Для посилання:
<a class="callme_button">Замовити дзвінок</a>
$(function() {
$('.callme_button').jbcallme();
});
Така конструкція для виклику форми замовлення зворотного дзвінка працюватиме в режимі за замовчуванням. Також можна налаштувати додаткові поля у формі та змінити її до вигляду форми зворотного зв’язку. Пам’ятайте, при додаванні полів у форму, їх обробник також потрібно додати в postmaster.php, щоб вони надсилалися в повідомленні. ВАЖЛИВО: через посилення правил деяких поштових серверів, у полі FROM слід вказувати пошту з доменом сайту, з якого працює форма, наприклад: mail@yoursite.ua.
Власникам сайту на Joomla слід врахувати, що для коректної роботи треба використовувати режим сумісності jQuery з іншими JS-фреймворками, зокрема з Mootools:
$.noConflict();
jQuery(document).ready(function($){
$('.callme_button').jbcallme();
});
Додавання полів
$(function() {
$('.callme_order_btn').jbcallme({
postfix: "callme_order",
fields: {
time: {
label: "Зручний час для дзвінка",
placeholder: "17:30 - 20:00",
},
descr: {
label: "Примітка",
type: "textarea",
},
action: {
type: "hidden",
value: "callme_order",
},
},
});
});
Розширене налаштування. Приклад форми замовлення
<a class="demo3_order_button" data-artist="Джастін Бібер">Джастін Бібер</a> <a class="demo3_order_button" data-artist="Віра Брежнєва">Віра Брежнєва</a> <a class="demo3_order_button" data-artist="Семен Слєпаков">Семен Слєпаков</a>
$(function() {
$('.demo3_order_button').jbcallme({
postfix: 'service_order', // ідентифікатор вікна
// поля tel та name задані за замовчуванням. Вимикаються через no_tel:true і no_name:true
//no_tel: true, // не показувати стандартне поле телефону
no_name: true,
no_submit: true, // не показувати стандартну кнопку
title: "Виконавець на корпоратив", // заголовок вікна
action_url: "/postmaster.php", // шлях до обробника запитів
success: "Замовлення прийнято і буде розглянуте найближчим часом",
fail: "Повідомлення не доставлено. Вибачте за незручності!",
fields: { // додавання полів
company: {
required: true, // обов'язкове чи ні
placeholder: "Ваша компанія",
type: "text",
},
email: {
required: true, // обов'язкове чи ні
placeholder: "Ваш e-mail",
type: "email",
},
list: {
placeholder: "Кількість людей",
type: "select",
options: [
"До 10 осіб",
"До 30 осіб",
"До 50 осіб",
"До 100 осіб",
"Від 100 осіб"
]
},
artist: {
label: "Виконавець",
type: "text", // або "hidden", щоб не відображалося у формі
},
intro: {
label: "Додатково",
type: "textarea",
},
action: { // невидиме поле, що передає тип форми
type: "hidden",
value: "service_order",
},
send: {
type: "submit",
value: "Замовити",
},
},
});
});
Джастін Бібер Віра Брежнєва Семен Слєпаков
Часті питання:
- Форма не спливає, що робити?
- Перевірте, чи підключені файли з інструкції та чи правильно вказані шляхи до них. Чи немає конфліктів з іншими бібліотеками (див.
$.noConflict();)? Переконайтесь, що методjbcallme()викликається для існуючого селектора, і що ви саме на цей об’єкт клікаєте. - Усе час пише «Повідомлення не відправлено». Що робити?
- Перевірте правильність шляху до
/postmaster.php. Переконайтесь, що хостинг дозволяє використання функції mail(). Для коректної роботи функції mail(), на сервері має бути встановлена служба SMTP. - Пишеться «Повідомлення відправлено», але листа не отримуєте. Що робити?
- Якщо тестуєте на локальному комп’ютері — листи не будуть надходити, вони зберігаються в спеціальній папці. Якщо на хостингу — можливо, хостер заборонив використання сторонніх поштових доменів, або поштовий сервер фільтрує листи як спам. Спробуйте вказати поштову скриньку з домену mail.ru як адресу отримувача заявок.