Зворотній дзвінок на сайт (jbCallMe)

jQuery-плагін для створення форм замовлення дзвінка, заявок і інших форм для роботи з відвідувачами сайту.

Модуль замовлення дзвінка для сайту підходить будь-якій CMS. Принцип роботи простий: користувач заповнює й відправляє форму, а вам на пошту надходить лист із цими даними. Неважливо, чи ви надаєте послуги, чи ведете блог — завжди матимете зворотний зв’язок з відвідувачами або клієнтами. Ви можете встановити його на WP, DLE, Joomla, MODX — установка однаково проста, або замовити встановлення у нас.

Встановлення

Додайте до блоку сторінок, де хочете бачити форму, посилання на файли плагіну:

Помістіть у корінь сайту файл postmaster.php з архіву. За замовчуванням він є обробником запитів і виконує відправлення повідомлень на вашу пошту. Відкрийте його і вкажіть поштові адреси, на які має надходити форма.

Щоб побачити форму на сайті, достатньо викликати функцію для HTML-елемента.

Простий виклик

Для посилання:

Замовити дзвінок

$(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",
            },
        },
    });
});

Демонстрація

Розширені налаштування. Приклад форми замовлення

Джастін Бібер 
Віра Брежнєва 
Семен Слепаков

$(function() {
    $('.demo3_order_button').jbcallme({
        postfix: 'service_order', // ідентифікатор форми
        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",
            },
            intro: {
                label: "Додатково",
                type: "textarea",
            },
            action: { 
                type: "hidden",
                value: "service_order",
            },
            send: {
                type: "submit",
                value: "Замовити",
            },
        },
    }); 
});

Джастін Бібер Віра Брежнєва Семен Слепаков

Часті питання:

Форма не відображається. Що робити?

Перевірте, чи правильно підключені файли з шляхами, чи немає конфліктів з іншими бібліотеками (див. $.noConflict()). Переконайтесь, що метод jbcallme() викликається для існуючого селектора і що ви саме по ньому клікаєте.

Постійно пише "Повідомлення не відправлено". Як бути?

Перевірте правильність шляху до /postmaster.php. Упевніться, що хостинг дозволяє використовувати функцію mail(). Для її роботи мінімум повинна бути встановлена SMTP-служба на сервері.

Пишеться "Повідомлення відправлено", але листа немає. Що робити?

Якщо ви тестуєте на локальному середовищі, листи не відправляються, вони зберігаються у спеціальній папці. Якщо на хостингу — хостер може заблокувати сторонні домени або поштовий сервер вважає лист спамом. Спробуйте вказати пошту з домену mail.ru.