Інструкція: встановлення та налаштування Callme

Як налаштувати Callme
Налаштування Callme
поля форми
Обов'язкові поля
Налаштування placeholders
Як відкривати форму при натисканні на будь-яких об'єктах
Налаштування sms-повідомлень
Установка коду Callme
Обробка будь-яких форм на сторінці замість попап
Отримання атрибута посилання
Що робити з версіями jQuery до 1.7 і кодуванням win-1251 (неактуально)
Щось не виходить?

Оновлене 2015-10-26

Якщо вам потрібна інструкція по установці Callme, ви зайшли за правильною адресою. У кожному пості, присвяченому скрипту зворотного дзвінка, я писав, як саме треба його встановлювати.

У кожній версії інструкція дублювалася і подекуди змінювалася. Оновлювати всі пости з виходами нових версій було нераціонально. Тому я створив цей пост, в ньому завжди гарантовано буде єдина і правильна інструкція по установці найсвіжішої версії Callme.

Іноді я роблю помилки в інструкції, тому мануал з самого архіву я прибрав, залишивши посилання на відповідні інструкції в блозі. Це настройка смс, настройка полів і так далі. Все решта посад з релізами будуть посилатися сюди, а інструкції з них я прибрав.

Як налаштувати Callme

Для всіх двигунів процес налаштування однаковий, дотримуйтесь цих кроків:

скачати архів (посилання нижче)
розпакувати, знайти файли конфіга
відредагувати конфиг відповідно до цієї інструкції. У версії 2.1 настройка міститься в двох файлах: config.js і send.php.
завантажити папку callme на ваш сервер по ftp. Я рекомендую, щоб ця папка знаходилася в кореневому каталозі, тобто відкривалася за адресою: http: //....com/callme. Можна завантажувати і в інші каталоги, зберігаючи розташування файлів всередині папки.
У дуже рідкісних випадках файли можуть завантажуватися з неправильними правами доступу, перевірте, щоб на папку і на файли були права 755.
додати код для виклику в шаблон вашого сайту. Як це зробити, написано тут, а також у безлічі інструкцій на форумі і в блозі.
Відкрити callme на вашому сайті і перевірити роботу. Налаштування закінчена.

Якщо щось не виходить, читайте форум і блог, користуйтеся пошуком. Зверніть увагу - причини основних помилок, які ви могли допускати при налаштуванні, я вже пояснив, тому з великою ймовірністю відповідь на ваше запитання вже є.

Якщо питання стоїть в сотий раз, я можу відповідати щось смішне і не по справі. Вибачайте, мон шер.

Тепер про все це трохи докладніше.

Налаштування Callme

Найсвіжіша версія - 2.3, завантажити .

Ваша пошта, вказана для скачування, нікуди не йде, я зберігаю її для двох цілей: прив'язка ліцензії, коли ви її купите. І друге - можу дуже рідко відправити вам якесь послання на тему нових скриптів або нових версій. Ніякого спаму, нічого іншого.

На пошту вам прийде архів з вашої копією скрипта. Його потрібно розпакувати і завантажити папку callme по ftp в кореневій каталог вашого сайту. Починаючи з версії 2.0 завантажувати папку зі скриптом можна в будь-яке місце сайту. Головна умова - зберігати файлову структуру каталогів.

У викачаному архіві знаходиться файл /callme/lib/send.php і відкриваєте його в редакторі коду, не в блокноті ( чому? ). У відповідному полі вказуєте пошту одержувача, на яку буде приходити повідомлення про замовлення.

$ To = " [Email protected] ";

Список полів для відображення зберігається в файлі налаштувань. Для того, щоб налаштувати поля в формі, необхідно відредагувати файл callme / js / config.js.

поля форми

Параметр Призначення Варіанти showButton Чи показувати фіксовану кнопку праворуч? 1 та
0 немає fields Список полів для спливаючій форми. Вказуються через кому.

текстове поле - не вимагає додаткового коду (ваше ім'я)
текстовий блок - ставте перед назвою мінус (-Коментарі)
випадає - ставте перед назвою! і розділяйте варіанти для вибору таким же символом (! Ваше питання! Дізнатися наявність! Зробити замовлення)
Галочка - знак питання перед ім'ям (? Подарункова упаковка)
номер телефону - знак "=" перед ім'ям поля. В поле для телефону можна ввести тільки цифри (= Ваш телефон (Введіть номер))
якщо поле має бути обов'язково заповнено, після його назви додайте зірочку (ім'я *)

callTime Показувати час дзвінка? 1 та
0 немає workStart, workEnd Початок і кінець робочого дня в годинах, використовується для вибору часу дзвінка workStart "8"
workEnd "19" center Де показувати форму на екрані 1 в центрі екрана
0 у місця кліка template Шаблон. З версії 2.0 hello kitty перейменований в pink. default, apple, vk, fb, blackred, pink license Ліцензія, щоб законно приховати копірайт. Цей ключ можна купити тут ) 00000000 showCopyright Чи показувати копірайт; діє тільки якщо вказана ліцензія 1 та
0 немає

Цей код - значення за замовчуванням, яке зберігається в файлі callme / js / config.js. Щоб все працювало, досить не чіпати його. Якщо хочете міняти значення, користуйтеся таблицею вище. Якщо щось пішло не так, скопіюйте з неї код і замініть їм те, що вийшло у вас.

var cmeData = {// показувати кнопку праворуч? (1 - так, 0 - ні) "showButton": "1", // вкажіть через кому назви полів // textarea: ставте перед назвою мінус (-) // select: ставте перед назвою "!" і розділяйте варіанти для вибору таким же символом // для поля з телефоном (input type = "tel") використовуйте символ '=' // checkbox: знак питання перед ім'ям // якщо поле має бути обов'язково заповнено, після його назви додайте * ( наприклад, ім'я *) "fields": "ім'я (Ваше ім'я), = Телефон (Вкажіть номер), -Питання (Бажано заповнити), прочан питання! Дізнатися наявність! Зробити замовлення,? Подарункова упаковка", // заголовок форми " title ":" Замовити зворотний дзвінок ", // напис на кнопці" button ":" Передзвоніть мені ", // чи показувати час дзвінка (1 - так, 0 - ні)" callTime ":" 1 "," txtCallTime ": "Час дзвінка", "txtToday": "з ьогодні "," txtTmrw ":" завтра "," txtTill ":" до "," txtHours ":" годину. "," alertSending ":" Йде відправка ", // йде відправка" alertSetCallTime ":" Вкажіть час дзвінка " , // Вкажіть час дзвінка "mailReferrer": "Джерело трафіку", // звідки прийшов відвідувач "mailUrl": "сторінка з запитом", // сторінка, звідки відправлений запит // початок і кінець робочого дня в годинах, використовується для часу дзвінка "workStart": "8", "workEnd": "19", // центрировать форму на екрані? (1 - центр екрана, 0 - у місця кліка) "center": "1", // шаблон (default, apple, vk, fb, blackred, pink) "template": "default", // ліцензія (можна купити на get.nazartokar.com) "license": "0", "showCopyright": "0"}

Зберігаєте файли і завантажуєте їх на сервер.

Обов'язкові поля

Для того, щоб поле було обов'язковим до заповнення, після його назви потрібно поставити *. Обов'язковими можуть бути будь-які текстові поля. Чекбокси - немає. приклад:

Телефон (Вкажіть телефон) *

Якщо ви не вкажете, які з полів повинні бути обов'язковими для заповнення, такими стануть усі поля форми.

Налаштування placeholders

Назва поля може відрізнятися від параметра placeholder. Щоб вказати, який текст буде використовуватися в якості placeholder, вкажіть його в дужках після назви поля. Цей параметр буде діяти і для текстових полів, і для текстових блоків (textarea).

Наприклад: Ім'я (Вкажіть ім'я), -Ваш питання (Опишіть суть питання)

Як відкривати форму при натисканні на будь-яких об'єктах

Щоб форма замовлення дзвінка відображалася при натисканні на чому-небудь крім кнопки праворуч, цьому об'єкту потрібно присвоїти такий клас:

class = "callme_viewform"

Таким об'єктом може бути що завгодно: посилання, зображення, кнопка, простий текст. Після присвоєння їм такого класу, їх стандартну поведінку зміниться, при натисканні буде з'являтися форма.

Налаштування sms-повідомлень

Можна налаштувати отримання повідомлень скрипта на мобільний через смс. Повідомлення звичайно будуть платними, але недорогими.

Інструкція по налаштуванню SMS

Установка коду Callme

Для роботи Callme вимагає підключеної бібліотеки jQuery версії не менш 1.4.4. Переконайтеся, що у вас підключена ця версія. Якщо немає, підключіть її таким чином:

Цей код необхідно встановити до підключення скрипта. Сам скрипт підключається в одну рядок:

Скрипт я рекомендую додавати в самий низ вашого html-коду. На цьому настройка закінчена. Якщо не виходить, замовте у мене установку скрипта , А заодно почитайте відгуки.

Обробка будь-яких форм на сторінці замість попап

З версії 2.1 Callme вміє обробляти будь-які форми, вбудовані прямо в вашу сторінку. Як налаштувати:

створюєте форму з потрібними вам полями. Їх кількість може бути будь-яким. Типи підтримуваних полів - як у форми в попап
перевіряєте, щоб у всіх полів було зазначено назву name = "ім'я поля"
створюєте кнопку type = "button" з класом .cme-btn
для того, щоб отримувати повідомлення, всередині форми створіть блок з класом .callme-result. У ньому будуть з'являтися повідомлення про відправку. Наприклад, "йде відправка" або "повідомлення надіслано".

Прошу уважно подивитися на приклад:

<Form> <input type = "text" name = "Ваше ім'я" placeholder = "Вкажіть ваше ім'я"> <input type = "text" name = "Ваш e-mail" placeholder = "Вкажіть вашу пошту"> <button type = "button" class = "cme-btn"> Надіслати заявку </ button> <div class = "callme-result"> </ div> </ form>

Отримання атрибута посилання

Щоб дізнатися, на яку конкретно посилання натиснув користувач, щоб викликати форму, ви можете присвоїти цій кнопці параметр data-cme = "будь-який параметр". Після цього до повідомлення додасться параметр, який вказує, на яку саме посилання був клік.

Що робити з версіями jQuery до 1.7 і кодуванням win-1251 (неактуально)

Починаючи з версії 2.0, Callme працює з усіма версіями jQuery, не молодший, ніж 1.4.4 і підтримує кодування 1251.

Щось не виходить?

Для FAQ є окремий пост: можливі помилки при установці Callme , Цей запис постійно оновлюється, а свіжа редакція вказана над текстом.

Більш детально ми обговорюємо питання на нашому форумі . Читайте список питань і при необхідності задавайте питання там. Питання по налаштуванню, задані в цьому пості, будуть проігноровані.

Ому?
Var cmeData = {// показувати кнопку праворуч?
Зробити замовлення,?

Статьи