Як створити форму зворотного зв`язку в joomla - працюємо з aicontactsafe

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

Однак при такому підході є кілька серйозних «мінусів»:

1.В стандартному компоненті Joomla можна використовувати код капча, що захищає форму зворотного зв`язку від спамерів;

2.параметри полів в формі зворотного зв`язку не редагуються;

3.невозможно створити кілька різних форм на сайті.

Наша форма зворотного зв`язку чудово жила на сайті поки не було потрібно додати ще одну - форму замовлень з розширеним набором полів. Тут і постала проблема пошуку оптимального компонента для Joomla. Як ми вже говорили на початку статті, вибір припав на aiContactSafe.

Що ж уміє робити цей компонент:

1.позволяет створювати будь-яку кількість форм на сайті, включаючи форми з можливістю завантаження файлів;

2.Використовуйте код (капчу) і дозволяє налаштувати її зовнішній вигляд і параметри показу;

3.поддержівает використання в формах необмеженої кількості найрізноманітніших типів полів (текстове поле, список, Галочка і т.д.);

4.позволяет задати унікальні e-mail для отримання повідомлень з кожної форми сайту;

5.храніт архів відправлених відвідувачами сайту повідомлень, який доступний прямо в панелі адміністрування Joomla;

6.проверяет заповнення обов`язкових полів форми і видає відвідувачеві повідомлення про помилки, якщо та чи інша обов`язкове поле не заповнено;

7.наконец, дозволяє заблокувати відправку повідомлень з певних IP адрес, а також містять певні слова, символи, посилання і т.п.

Власне, цього переліку можливостей вже досить, щоб встановити компонент aiContactSafe в Joomla. Для цього, як правило, виберіть у меню «Розширення» пункт «Встановити / Видалити» і, вказавши архів з модулем, натисніть кнопку «Завантажити та встановити».

Після установки aiContactSafe буде доступний в меню «Компоненти» - «Форма зворотного зв`язку».

Розберемося, що означають представлені тут пункти меню.

«Повідомлення» - архів всіх повідомлень, відправлених відвідувачами сайту через форми aiContactSafe.

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

«Поля» - список всіх полів, які використовуються в усіх існуючих формах зворотного зв`язку компонента.

«Панель управління» - загальні налаштування компонента.

«Про програму» - щоб отримати додаткову інформацію про компонент і його розробників.

Вивчати роботу компонента aiContactSafe ми будемо на прикладі форми зворотного зв`язку, яка зазвичай є в меню «Контакти» сайту. Припустимо, нам необхідно створити таку форму з чотирма полями: ПІБ відвідувача, його e-mail, тема і текст повідомлення, щоб відвідувачі без праці могли зв`язатися з нами, не залишаючи сторінок сайту.

Для цього перейдіть в меню «Поля» компонента aiContactSafe і створіть 4 поля, натиснувши кнопку «Додати».

Для кожного поля необхідно ввести його назву англійською мовою. Воно буде використовуватися компонентом при обробці даних з форми. Як «Field label (мітка поля)» вказуємо зрозуміле відвідувачам сайту найменування поля, наприклад «Ваше П.І.Б» і т.п.

Опція «Field type (тип поля)» дозволяє вибрати тип поля: текстове, Галочка, випадає і т.п. Перші три поля форми матимуть тип «Textbox (Текстовий рядок)». Останнє поля, куди відвідувач повинен вводити текст повідомлення, матиме тип «Editbox (Розширене текстове поле)».

Зверніть увагу на параметр «Field required (необхідне поле)». Якщо ви відзначите його галочкою, то поле буде вважатися обов`язковим для заповнення. В налаштуваннях профайла обов`язкові поля можна позначити будь-яким знаком, наприклад, популярною у всіх зірочкою. Також перевірте, щоб стояли галочки навпроти параметрів «Включати в тіло листа» і «Опубліковано».

На цьому роботу по створенню полів форми можна вважати завершеною. Для збереження всіх змін на сторінці редагування поля натисніть кнопку «Зберегти».

Як приклад приведу пару скріншотів настройки простого текстового поля і поля для введення повідомлень відвідувачами сайту.

Тепер настав час об`єднати створені поля в одну форму, або профайл. У компоненті aiContactSafe кожна форма являє збій окремий профайл. При цьому одні й ті ж поля можуть використовуватися в різних профайлах. Кожен профайл має власні настройки, стилі відображення на сайті і може бути призначений певного пункту меню навігації сайту.

Для створення профайлу перейдіть в меню «Профайли» компонента і натискаємо кнопку «Додати».

Введіть назву профайла і виберіть поля, дані з яких будуть фігурувати в електронному листі як ім`я відправника, адреса електронної пошти відправника і тема листа. Ймовірно, ви вже здогадалися, що логічно підставляти цю інформацію з відповідних полів форми зворотного зв`язку - ПІБ, e-mail і тема повідомлення.

У наступному блоці налаштувань вам належить визначити зовнішній вигляд форми зворотного зв`язку. Дослідним шляхом ми з`ясували, що найкращі результати виходять, коли елементи форми вирівняні по ширині або по центру веб-сторінки. В налаштуваннях опції «Align label and fields» можна також використовувати вирівнювання по лівому або правому краю. Тут багато що залежить від дизайну вашого сайту.

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

Наступний блок налаштувань присвячений захисту від спаму. Якщо ви хочете використовувати код капча в формі зворотного зв`язку, то висловіть своє бажання в поле «Використовувати код перевірки (captcha) у фронтальній частині». Нижче ви зможете задати параметри для коду: тип капча, ширину і висоту блоку з кодом, кольору фону і самого коду, кількість символів в коді і т.п.

Найважливіша опція в налаштуваннях профайла - «Електронна адреса». Введені відвідувачем сайту дані будуть відправлені саме на цю адресу. Тому рекомендуємо обов`язково перевірити, чи доходять відправлені через форму зворотного зв`язку повідомлення на цей e-mail.

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

Нарешті, виберіть поля для форми. У списку ви побачите всі наявні в aiContactSafe поля. Відзначте галочками ті з них, які повинні відображатися в даній формі зворотного зв`язку. Використовуючи стрілочки вгору-вниз, налаштуйте порядок розташування полів у формі. Або можна просто розставити цифри навпроти полів в тому порядку, як вони повинні розташовуватися в формі зворотного зв`язку.

На цьому конфігурація профайла завершена. Сміливо натискайте кнопку «Зберегти» і переходите до налаштування меню сайту, в якому буде доступна створена форма зворотного зв`язку. Для цього створіть потрібний пункт меню, наприклад «Зворотній зв`язок».

В якості типу меню виберіть «Внутрішнє посилання» - «aiContactSafe» - «Повідомлення» - «Contact Form».

У блоці налаштувань «Параметри - Основні» вкажіть потрібний профайл aiContactSafe.

Після збереження пункту меню і його публікації на сайті, саме час помилуватися на свіженьку форму зворотного зв`язку і перевірити, чи доходять відправлені через неї повідомлення на e-mail, вказаний в налаштуваннях профайла.

Отже, ми успішно виконали поставлене завдання, надавши відвідувачам сайту зручну і швидку можливість зв`язатися з нами. У даній статті ми розглянули лише основні можливості компонента aiContactSafe, що дозволяє швидко створювати найрізноманітніші форми для сайтів на Joomla. До великої радості користувачів, компонент має вбудовану довідку, так що, якщо у вас виникнуть будь-які питання, саме час озброїтися програмою-перекладачем і досконально вивчити aiContactSafe.