Інструкція встановлення та налаштування Callme
Оновлено 2015-10-26
У кожній версії інструкція дублювалася і де-не-де змінювалася. Оновлювати усі пости з виходами нових версій було нераціонально. Тому я створив цей пост, в ньому завжди гарантовано буде єдина і правильна інструкція щодо встановлення найсвіжішої версії Callme.
Іноді я роблю помилки в інструкції, тому мануал із самого архіву я прибрав, залишивши посилання на відповідні інструкції у блозі. Це налаштування смс, налаштування полів тощо. Усі інші пости з релізами посилатимуться сюди, а інструкції з них я прибрав.
Як налаштувати Callme
Для всіх двигунів процес налаштування однаковий, дотримуйтесь цих кроків:
Якщо питання поставлене всоте, я можу відповідати щось смішне і не по ділу. Не зневажте, мон шер.
Тепер про все це трохи докладніше.
Налаштування Callme
Найсвіжіша версія - 2.3, скачати.
На пошту вам прийде архів із копією скрипта. Його потрібно розпакувати та завантажити папку callme по ftp у кореневий каталог вашого сайту. Починаючи з версії 2.0, завантажувати папку зі скриптом можна в будь-яке місце сайту. Головна умова – зберігати файлову структуру каталогів.
Список полів для відображення зберігається у файлі налаштувань. Щоб настроїти поля у формі, відредагуйте файл callme/js/config.js .
Поля форми
| showButton | Чи показувати фіксовану кнопку праворуч? | 1 так 0 ні |
| fields | Список полів для спливаючої форми. Вказуються через кому. |
Цей код — це значення за промовчанням, яке зберігається у файлі callme/js/config.js . Щоб усе працювало, достатньо не чіпати його.Якщо хочете змінювати значення, використовуйте таблицю вище. Якщо щось пішло не так, скопіюйте код і замініть їм те, що вийшло у вас.
Зберігаєте файли та завантажуєте їх на сервер.
Обов'язкові поля
Для того щоб поле було обов'язковим до заповнення, після його назви потрібно поставити * . Обов'язковими можуть бути текстові поля. Чекбокси – ні. Приклад:
Якщо ви не вкажете, які з полів повинні бути обов'язковими для заповнення, такими стануть усі поля форми.
Налаштування placeholders
Назва поля може відрізнятися від параметра placeholder. Щоб вказати, який текст буде використовуватися як placeholder, вкажіть його в дужках після назви поля. Цей параметр діятиме і для текстових полів, і для текстових блоків (textarea).
Наприклад: Ім'я(Вкажіть ім'я) , -Ваше питання (Опишіть суть питання)
Як відкривати форму на кліку на будь-яких об'єктах
Щоб форма замовлення дзвінка відображалася на кліку на чомусь крім кнопки справа, цьому об'єкту потрібно присвоїти такий клас:
Налаштування SMS-повідомлень
Можна настроїти отримання повідомлень скрипта на мобільний через смс. Повідомлення, звичайно, будуть платними, але недорогими.
Встановлення коду Callme
Для роботи Callme вимагає підключеної бібліотеки jQuery версії щонайменше 1.4.4. Переконайтеся, що ця версія підключена. Якщо ні, підключіть її так:
Цей код потрібно встановити до підключення скрипта. Сам скрипт підключається до одного рядка:
Скрипт я рекомендую додавати в низ вашого html-коду. На цьому налаштування закінчено. Якщо не виходить, замовте у мене встановлення скрипта, а заразом почитайте відгуки.
Обробка будь-яких форм на сторінці замість попапа
З версії 2.1 Callme вмієобробляти будь-які форми, вбудовані прямо на вашу сторінку. Як налаштувати:
- створюєте форму з потрібними полями. Їхня кількість може бути будь-якою. Типи підтримуваних полів - як у форми в попапі
- перевіряєте, щоб у всіх полів була вказана назва name="ім'я поля"
- створюєте кнопку type="button" із класом .cme-btn
- для того, щоб отримувати повідомлення, усередині форми створіть блок із класом .callme-result . У ньому з'являться повідомлення про надсилання. Наприклад, “відправляється” або “повідомлення надіслано”.
Прошу уважно подивитися на приклад:
Отримання атрибуту посилання
Щоб дізнатися, на яке посилання натиснув користувач, щоб викликати форму, ви можете присвоїти цій кнопці параметр data-cme="будь-який параметр" . Після цього до повідомлення додасться параметр, що вказує на яке саме посилання був клік.
Що робити з версіями jQuery до 1.7 та кодуванням win-1251 (неактуально)
Починаючи з версії 2.0, Callme працює з усіма версіями jQuery, не молодше 1.4.4 і підтримує кодування 1251.
Щось не виходить?
Для FAQ є окремий пост: можливі помилки під час встановлення Callme, цей запис постійно оновлюється, а свіжа редакція вказана над текстом.
Детальніше ми обговорюємо питання на нашому форумі. Читайте список запитань і за необхідності запитуйте там. Питання налаштування, задані в цьому пості, будуть проігноровані.