Привіт, шановні читачі блогу KtoNaNovenkogo.ru. Сьогодні я хочу поговорити про способи створення форм зворотного зв'язку, замовлення, контактних і інших типів, які можуть знадобитися веб-майстру для організації зручної комунікації зі своїми відвідувачами та клієнтами.
Зрозуміло, що при використанні Joomla та WordPress питання зворотного зв'язку або замовлення можна вирішити використанням різних розширень або плагінів, але є способи, які підійдуть абсолютно для будь-якого проекту, побудованого як на чистому Html, так і використовує движок Cms (скрипти, cms, конструктори і генератори форм зворотного зв'язку).
Для роботи класичної форми в Html потрібно скрипт обробника, який найчастіше пишеться на мові Php, тому бажано, щоб ваш хостинг мав його підтримку (правда, зараз навіть хостинги надаються безкоштовно підтримують Php).
Хоча, існують рішення і які не потребують підтримки Php, і про них теж буде згадано в цій статті. Ніяких особливо докладних описів по встановленню та налагодженню в цій статті не буде, бо це лише огляд наявних варіантів, які зараз можна знайти в мережі.
Форми зворотнього зв'язку для Joomla та WordPress
Давайте подивимося, як можна організувати зворотний зв'язок в Joomla та WordPress стандартними засобами або за допомогою розширень.
У Джумла вже за замовчуванням є безкоштовний компонент «Контакти». який реалізує даний функціонал, про налаштуваннях якого ви можете прочитати за посиланням. Як правило, в дистрибутив цього движка за замовчуванням включають найстабільніші розширення, але не завжди самі функціональні. Та й розробники розширень для Joomla не сплять і періодично з'являються нові більш функціональні рішення.
Так ви можете завантажити окремий модуль зворотного зв'язку для Джумли під назвою Rapid Contact. який може дати вам нові можливості і функціонал (див. демо). Про настройку і можливості цього модуля зможете прочитати тут. До того ж, стандартний компонент в Joomla для реалізації зворотного зв'язку не володіє достатньою гнучкістю і не дозволяє використовувати захист від спаму (капчу), а також не дозволяє створювати кілька різних контактних форм на сайті.
Цей компонент в своєму складі має дуже гнучко настроюється капчу (введення коду при відправці даних для захисту від спаму). Його можна безкоштовно завантажити для різних версій Джумла, а прочитати про його налаштування ви зможете тут.
Але спаморезкі гугловських пошти працює добре і навіть занадто добре, бо і ваші листи, шановні читачі, іноді потрапляють під її гарячу руку, за що, користуючись моментом, приношу свої вибачення.
Власне, з приводу WordPress. Є один дуже популярний і дуже потужний плагін, який зветься Contact Form 7. Популярність його просто зашкалює, а це значить, що щось в ньому таке є. Правда для реалізації функції капчи вам доведеться поставити ще додатковий плагін Really Simple CAPTCHA.
Форму зворотного зв'язку можна буде вставити на будь-яку сторінку або в будь-який пост вашого блогу на WordPress, а також в віджет. Фактично це своєрідний конструктор для WordPress, що дозволяє оновлювати інформацію в формі без оновлення сторінки (на технології ajax). Особисто я відчував цей плагін на KtoNaNovenkogo.ru приблизно пару років тому, і тоді він мені видався дуже важким і недоречно громіздким для реалізації завдань, які переді мною цілей (зворотний зв'язок).
Так, це ми говорили про реалізацію зворотного зв'язку в Joomla та WordPress за допомогою відповідних розширень.
Але існує ще кілька способів:
Як ви можете бачити, знань і часу буде потрібно досить багато. Тому можна буде для прискорення скористатися вже готовими скриптами або ж онлайн конструкторами і генераторами форм.
В інтернеті можна знайти досить багато скриптів різних форм - від найпростіших (проте, що вимагають від вашого хостингу підтримку Php) до дуже наворочених, які встановлюються на сайт подібно повноцінної CMS і вимагають для своєї роботи не тільки підтримку PHP, але і бази даних.
Дані скрипти можна буде встановити і використовувати практично для будь-якого проекту - як статичного (на Html), так і динамічного (на Cms). В общем-то, досить-таки зручний і універсальний інструмент, але вам доведеться, швидше за все, перебрати багато варіантів, щоб знайти щось підходяще саме вам.
Отже, давайте розглянемо спочатку кілька скриптів, які можна безкоштовно завантажити і встановити на свій сайт. Простенький, але досить наочний варіант (який використовує капчу для захисту від спаму) можна буде безкоштовно завантажити звідси. Є варіант зворотного зв'язку:
Налаштування здійснюються за допомогою редагування вмісту файлу «config.php» з директорії «sendmail»:
Дана форма добре налагоджена і працює стабільно, але ось її зовнішній вигляд, можливо, здасться комусь занадто спартанським. Особисто мені дуже подобаються варіанти, де за допомогою ajax виводяться повідомлення про помилки заповнення полів і про успішну відправку повідомлення. Такі форми не вимагають для цього перезавантаження сторінки і виробляють дуже приємне враження на відвідувачів.
Існує досить привабливий скрипт під назвою Super AJAX Contact Form (можна використовувати його і для замовлення), побудований на основі PHP і jQuery з використанням Ajax:
Завантажити його можна буде звідси. Правда всі написи в полях будуть англомовними, але ви потім завжди зможете поміняти їх на російські, вносячи зміни до відповідного файл скрипта і використовуючи Google translate при необхідності. Але можна відразу завантажити вже перекладену версію скрипта.
В Super AJAX Contact Form здійснюється перевірка правильності заповнення всіх полів і відразу ж (без перезавантаження сторінки - ajax у всій красі) видаються підказки над відповідними полями, що сильно підвищує юзабіліті зворотного зв'язку:
При успішну відправку даних також видається відповідне повідомлення. Це допомагає користувачеві зрозуміти, що саме зараз відбувається:
Ну і на затравочкі хочу привести приклад скрипта зворотного зв'язку, який можна порівняти з міні Cms, бо у нього є своя админка, майстер установки, і для його роботи вам буде потрібно створити базу даних (або використовувати вже наявну). Натомість ви отримуєте дуже функціональний конструктор, що дозволяє реалізувати практично все, що завгодно.
Даний скрипт називається Генератор форм зворотного зв'язку, скачати його можна абсолютно безкоштовно за посиланням. Зверніть увагу, що для скачування доступні три версії скрипта, які відрізняються тільки використовуваної в них капчі:
Звернув увагу, що зараз зі скачуванням спостерігаються певні трабли, тому пропоную вам скачаний мною раніше варіант цього скрипта. якщо проблеми на ресурсі розробників не закінчаться.
Особливістю установки цього скрипта зворотного зв'язку є використання ним бази даних, яку вам потрібно буде попередньо створити або ж використовувати вже наявну (його таблиці будуть позначені в ній своїм префіксом, що допоможе їх потім без зусиль видалити при необхідності). Я вже писав про те, як створити базу даних в cPanel або скачати, встановити і налаштувати phpMyAdmin.
Конструктори і генератори форм зворотного зв'язку
Є досить багато онлайн конструкторів і генераторів форм зворотного зв'язку. Наприклад, цей сервіс пропонує вам досить зручний і функціональний інтерфейс для створення конструкцій практично будь-якої складності. На першому кроці вам запропонують вибрати колірну схему:
Після чого вам потрібно вибрати з лівої частини вікна потрібні поля для майбутньої форми і потім, клацаючи по ним, зробити їх більш тонке налаштування (задати підписи полів російською мовою, вибрати ширину поля, змінити тип і ввести попередній текст):
Додані поля можна міняти місцями простим перетягуванням миші, видаляти і повторно редагувати:
Зворотній зв'язок для Html сайтів (без Php)
Є онлайн сервіси, що надають безкоштовно свої власні Php обробники, які будуть розташовані на їх серверах. До такого типу належить конструктор на ip-whois:
Чи не фонтан, звичайно ж, в плані вишукувань дизайну, але зате таку форму можна створити за п'ять секунд і ще за хвилину поставити абсолютно на будь-який сайт, навіть розташований на хостингу без підтримки Php.
Удачі вам! До швидких зустрічей на сторінках блогу KtoNaNovenkogo.ru
Все інше, про що тут писали, що можна поставити на html, пробувала, всюди свої косяки: десь платно, десь оправлення файлу не проходить.