Електронний лист, який змінить ваше життя. Проблема: уникнення зворотного зв'язку

Доброго часу доби, друзі! Сьогодні чергова стаття, присвячена CMS Joomla, вірніше не самому движку, а створення контактів з формою зворотного зв'язку. Особливістю Joomla форми зворотного зв'язку є те, що всі інструменти необхідні для її створення знаходяться у вебмайстра під рукою, і немає потреби в завантаженні та встановленні додаткових розширень. CMS оснащена вбудованим компонентом «Контакти», а також плагіном, що захищає від спаму «reCAPTCHA».

Умовно реалізацію поставленої витівки можна поділити на кілька етапів, а саме:

Створення та налаштування контакту.

Організація виведення сторінки, на якій буде знаходитись вся необхідна інформація зворотного зв'язку.

Увімкнення, настроювання та додавання капчі.

Навіщо потрібна форма зворотного зв'язку

Форма зворотного зв'язку є тим сполучним елементом сайту, завдяки якому користувачі та власник веб-проекту можуть підтримувати зв'язок між собою. Саме у формі зворотного зв'язку вказується особливо важлива інформація (мобільний номер, e-mail), що дозволяє користувачеві надіслати власнику свої пропозиції та побажання або замовити товар.

Форма зворотнього зв'язку Joomla є порожніми полями, необхідні для введення відвідувачем конкретних даних (його ім'я, адреса електронної пошти, тема листа), після заповнення необхідно активувати відправку, натиснувши спеціальну кнопку «Відправити».

Для більшої зручності відвідувачів форму зворотнього зв'язку рекомендується розміщувати у видимому місці (найчастіше це шапка сайту). Оскільки ми організуємо її виведення за допомогою створеного пункту меню, вона відображатиметься на всіх сторінках у місці знаходження горизонтального меню.

Яку інформацію потрібно залишити власнику сайту?

Мобільний номер (комерційні веб-проекти, інтернет-магазини).

Адреса (комерційні веб-проекти, інтернет-магазини).

Графік роботи, спосіб доставки та можливі способи оплати (комерційні веб-проекти, інтернет-магазини).

E-mail, Skype тощо. (Блоги, сайти-візитки, односторінники, комерційні веб-проекти, інтернет-магазини).

Joomla контакти

Після цих дій перед вами відкриється аналогічна сторінка, наведена внизу, тільки з незаповненими полями. "Редагувати контакт" - одна з трьох вкладок, в якій потрібно виконати деякі налаштування.

Ім'я – можете вказати будь-яке ім'я, яке вам сподобалося, воно все одно буде приховано від очей користувачів.

Аліас – поле, що заповнюється автоматично, тобто залишаємо порожнім.

Пов'язаний користувач – це ім'я, яке відображатиметься під час коментування. Можна вказати свій псевдонім або залишити ім'я присвоєне системою за промовчанням "Super Users".

Зображення – передбачається вибір зображення, яке буде прив'язане до цього контакту.

Посада дозволяє задати посаду співробітника, до якого будуть прив'язані контакти.

E-mail – відповідає за відображення електронної адреси контактної особи.

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

У правій області екрана (сайдбар) необхідно вибрати Стан/Опубліковано, Категорія/Uncategorised, Вибрані/Ні.

Додаткова інформація - вкладка з текстовим редактором, в якому рекомендується прописати коротке привітання.

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

"Налаштування відображення контенту" - відповідає за відображення форми зворотного зв'язку.

Показувати форму зворотний зв'язок – «Показати».

Надсилати копію відправнику листа – в залежності від вашого вибору дозволяє приховати або показати відправнику копію його листа.

Створення пункту меню Joomla для виведення контактів та форми зворотного зв'язку

На наступному етапі слід перейти до вкладки Меню/Main Menu/Створити пункт меню.

На сторінці меню присвоюємо заголовок. Так і пишемо "Контакти".

Тип пункту меню – натискаємо синю кнопку «Вибрати», після чого на сторінці, що відкрилася, вибираємо Контакти/Контакт.

Вибір контакту - тут нам і потрібно прив'язати до цього створений контакт до пункту меню. Натискаємо «Вибрати» та клацаємо за відповідним контактом.

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

На цьому можна було б закінчити, якби не одне, але! Купа нікому не потрібних листів, якими вашу поштову адресу завалять спам боти.

Захист Joomla від спаму за допомогою налаштування вбудованого плагіна reCAPTCHA

Що таке CAPTCHA? Це інструмент захисту, що дозволяє ефективно боротися з автоматичною реєстрацією та надсиланням листів. Це спеціальна форма, в якій користувач інтернету зобов'язується виконати певну дію (ввести символи, відповісти на загальновідоме запитання або скласти зображення).

CMS Joomla отримала вбудовану капчу починаючи з 2,5 версії, до цього потрібно було задовольнятися сторонніми розширеннями. Незважаючи на те, що в Джумлі використовується reCAPTCHA, ми спробуємо налаштувати більш сучасну і, на мій погляд, зручну версію. Ось як вона виглядатиме після виконання всіх налаштувань.

Для початку давайте включимо плагін, вирушивши до Розширення/Менеджер плагінів. Для більш зручного та швидкого пошуку я рекомендую прописати у рядку пошуку – captcha та натиснути значок, який відповідає за пошук. У результаті відкриється аналогічне вікно. Натискаємо на хрестик біля пункту «Стан», тим самим запускаємо плагін та натискаємо за словосполученням - CAPTCHA – reCAPTCHA.

Настав час отримати «Публічний ключ», а також «Приватний ключ».

Для отримання ключів необхідно відправитися за посиланням. Це один із багатьох сервісів, що належать Google. У вас обов'язково має бути власний обліковий запис. Ви легко зможете авторизуватися, ввівши свої дані, які раніше використовували для додавання RSS-стрічки на сервісі Feedburner або встановлюючи код Google Adsense на Joomla.

За допомогою форми, що відкрилася, потрібно пройти реєстрацію сайту.

Назва – привласнюємо назву (припустимо назву головної сторінки).

Виберіть тип reCAPTCHA - дозволяє вибрати тип капчі - reCAPTCHA V2 - стандартна форма, для проходження якої необхідно встановити галочку біля словосполучення "Я не робот"; Invisible reCAPTCHA – перевірка користувачів у фоновому режимі.

Ставимо галочку біля пропозиції «Прийміть умови використання reCAPTCHA» та «Надсилати власникам оповіщення», після чого натискаємо кнопку «Реєстрація».

Ну от наші ключики готові. Залишилося нічого. Копіюємо значення поля "Секретний ключ" у полі "Приватний ключ" у стандартному плагіні reCAPTCHA, а поле "Ключ" у полі "Публічний ключ".

Після отримання та внесення ключів можна вибрати «Стиль», що найбільш підходить для вашого сайту, а також «Розмір». Тепер потрібно натиснути «Зберегти і закрити», після чого вирушити шляхом Система/Загальні налаштування/CAPTCHA (за замовчуванням) і вибрати єдине передбачене системою значення «CAPTCHA - reCAPTCHA». Знову натискаємо "Зберегти" і перевіряємо працездатність капчі, зайшовши у форму зворотного зв'язку Joomla.

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

Дякуємо за увагу і до швидкого на сторінках Stimylrosta.

Виявили у тексті граматичну помилку? Будь ласка, повідомте про це адміністратору: виділіть текст та натисніть сполучення гарячих клавіш Ctrl+Enter

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

Кроки Як попросити клієнтів про зворотний зв'язок

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

Поставте запитання, що вимагають розгорнутої відповіді. Не ставте запитання, куди можна відповісти "так" чи "ні". Замість "Чи рекомендуєте ви нас своїм друзям?", задайте наступне запитання: "Як би ви описали нас іншій людині?" Такі питання допоможуть отримати більше інформації.

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

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

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

Підберіть відповідний шрифт та формат. Лист має виглядати акуратним та професійним. Лист, набраний шрифтом Comic Sans і містить неякісну графіку, навряд чи справить враження на ваших клієнтів. Краще використовувати стандартні шрифти (Times New Roman, Arial), якщо ви не знаєтеся на шрифтах, і відмовитися від великої кількості графіки.

Переконайтеся, що лист добре читатиметься на всіх пристроях. Текст однією колонкою буде зручніший за багатоколонний. Шрифт не повинен бути надто дрібним. Лист повинен добре читатися на ноутбуці, телефоні та планшеті. Оскільки в сучасному світі багато хто читає пошту з телефону, лист має відповідати цьому формату.

У листі будуть скромні. Дотримуйтесь правил листування, прийнятих у вас на роботі. Скромність допоможе вам отримати відгук, але не перегинайте ціпок, інакше ваш керівник може вирішити, що ви нічого не знаєте про свою роботу. Формулюйте питання так, щоб усім було видно ваш прогрес у якомусь проекті чи задачі. Це дасть вашому керівнику зрозуміти, що ви не байдикуєте. Нижче наводимо ще кілька важливих рекомендацій.

Можна сказати так: "Я працювала над презентацією, яка потрібна завтра, і в мене постало питання до формату. Я не впевнена, що правильно розумію стандарти, прийняті в нашій компанії. Я прикріплюю презентацію до цього листа і буду дуже вдячна, якщо Ви подивіться її і прокоментуєте, чи все гаразд. Дякую за допомогу".
Не забудьте подякувати людині.

Говоріть про конкретні речі. Це дозволить уникнути загальних фраз, які виявляться марними. Не ставте питання, на які можна відповісти "так" чи "ні, якщо тільки в цьому немає гострої необхідності. Постарайтеся не ставити керівнику або колезі занадто багато запитань відразу.

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

Відповідайте пізніше, як за 1–2 дня.

Як попросити про відкликання на роботі

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

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

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

Не відкладайте прохання про зворотний зв'язок до останнього. Ваш викладач навряд чи захоче допомагати вам напередодні здачі і, напевно, буде незадоволений тим, що ви не потрудилися звернутися раніше. Якщо ви змушені ставити запитання в останній момент, пишіть коротко, у справі та вибачайтеся за занепокоєння. Завдяки цьому ймовірність того, що викладач вам відповість, буде вищою (але за умови, що він прочитає листа вчасно).

Використовуйте формат, визначений викладачем. Нерідко викладачі обговорюють конкретний формат, у якому має бути виконане завдання. Наприклад, якщо викладач попросив надіслати роботу у форматі .doc, не надсилайте документ в .pdf або .pages. Якщо ви не знаєте, який формат потрібно використовувати, використовуйте .rtf або .pdf або запитайте викладача.

Попросіть дати відгук про роботу, яку ви вже здали, або про ваш виступ на іспиті. Напишіть викладачеві ввічливий лист. Якщо у викладача є прийомний годинник, сходіть до нього особисто. Скажіть так: "Я склав іспит не так добре, як сподівався. Чи не могли б ви вказати мені на мої помилки, щоб мені було простіше підготуватися до наступного іспиту?" Як правило, викладачі охоче дають рекомендації у таких випадках.

Як попросити про відкликання на письмову роботу

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

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

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

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

Вітаю моїх читачів, набрався досвіду та розповім Вам про принципи роботи форми зворотного зв'язку php. Покажу на наочних прикладах, щоб ви розуміли як все влаштовано і як відбувається взаємодія між самою формою введення (її полями input) та файлом-обробником, написаним мовою php. До того ж безкоштовно зможете завантажити вихідні записи разом з .

Звичайно здорово буде, якщо ви хоч трохи знаєтеся на HTML / CSS т.к. Вам доведеться за аналогією перетягувати код на свою сторінку. PHP мову зачіпати не будемо, всі необхідні редагування, які потрібно буде зробити під себе я покажу.

UPDATE: За відгуками читачів, я зрозумів, що потрібно щось красивіше і функціональніше, зустрічайте, ознайомтеся і подивіться. Самі вибирайте яка більше сподобається)

UPDATE2 : Version 3.0 Адаптивний Лендінг + форма ajax з передачею UTM-міток, ознайомтеся та подивіться. Вам сподобається

Згадав себе, коли вперше намагався робити самостійно форму зворотний зв'язок на php, і чесно зізнатися було трудомістко, т.к. не розумів, що і як відбувається. Терпіння та завзятість друзі і у вас все вийде.

Форма зворотного зв'язку php - структура

Розбір самої форми зворотного зв'язку вивчатимемо з прикладу посадкової сторінки (Landing Page), до речі є окрема стаття по . Подивитися як це працює в дії можете за кнопками розташованими нижче, прикладаю вихідники цього односторінника та головного файлу обробника-php (цей файл і оброблятиме і надсилатиме лист на email)

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

image - всі зображення, які використовуються для самого Landing Page, кнопки і т.д.
js - javascript скрипти, які забезпечують наприклад спливаюче модальне вікно на сторінці та інші візуальні ефекти
index.html - індексний файл нашого односторінника
index1.php - файл обробник, в який передаються значення з форми, далі формується лист з отриманих змінних та відправляється на вказану email адресу. Так само index1.php трапиться в ролі проміжної сторінки повідомлення про успішну відправку даних з автоматичним перенаправленням назад на index.html (тобто наш односторінок)

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

Погляньте на схему роботи взаємодії всіх елементів (сторінка, форма, обробник)

Вихідний код виклику форми та обробника

Поглянемо на роботу однієї з кнопок, що викликає модальне спливаюче вікно, в якому знаходиться форма зворотного зв'язку. Даний наведений вихідний код - це не раз, два вставив на сторінку і запрацює, Вам доведеться самим підганяти під свій дизайн та потреби.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

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

Нижче повний вихідний код обробника index1.php, щоб налаштувати відправку на свою поштову скриньку, поміняйте « [email protected]» на свій, інше в принципі можна залишити без змін

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

З вами зв'яжуться

З вами зв'яжуться body (background: #22BFF7 url(img/zakaz.jpg) top -70% no-repeat; ) setTimeout("location.replace("/index.html")", 3000); /*Змінити поточну адресу сторінки через 3 секунди (3000 мілісекунд)*/

Перевірка працездатності форми

Викликаємо вікно та вводимо дані для тестової перевірки нашої форми

Ще раз нагадаю, ваш хостинг повинен підтримувати обробку php файлів, інакше наш обробник просто не виконається і жодного листа не відправиться на вказану email-адресу. Результат успішно відпрацьованої форми зворотного зв'язку

У мене на цьому все, намагався донести сенс і роботу скрипта якнайкраще. Виникнуть питання, можете сміливо звертатися до коментарів або до мене у VK (дивіться контактні дані). Бажаю легкої та продуктивної роботи Вам.

Нещодавно я зіткнувся з діючим методом, який дозволяє зловмиснику відправляти спам від імені вашого сайту, використовуючи форму зворотного зв'язку Joomla (форму контакту). Ця можливість не є вразливою і навряд чи буде виправлена. У цій статті я розповім про те, як таке стало можливим, і що потрібно робити, щоб захистити свій сайт.

Стандартна форма зворотнього зв'язку Joomla

У Joomla є досить потужний та гнучкий компонент, який називається «Контакти». Це стандартний компонент Joomla. Він є кожному сайті, т.к. встановлюється разом із CMS. Даний компонент дозволяє створювати та виводити на сайт категорії контактів, контакти, форми зворотного зв'язку, що дозволяють зв'язатися з тим чи іншим контактом. Контакт – це, умовно, користувач – людина із сайту.

Колись я писав статтю про те, як можна створити на сайті форму зворотнього зв'язку стандартними засобами Joomla. Ця інструкція є актуальною і зараз. Вона дозволяє створити цілком придатну форму зворотного зв'язку без встановлення сторонніх розширень. Відправлення спаму можливе, коли використовується саме ця форма, а також, при одночасному збігу деяких обставин, про які йтиметься нижче.

Надсилання спаму від імені сайту з використанням форми зворотного зв'язку Joomla

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

Тобто. повинні виконуватися дві умови:

Форма не захищена від спам-ботів (не підключена reCaptcha або будь-який інший спосіб захисту форми)

У настоянках контакту активовано опцію «Надсилати відправнику копію листа». Завдяки їй у контактній формі з'являється відповідний чекбокс (див. малюнок вище).

Якщо хоча б одна із цих умов не виконується, проблем не буде. Якщо ж виконуються обидві умови, то, як то кажуть, стежте за руками:

Спам-бот знаходить контактну форму. Захисту від спаму немає – можна використовувати.

Спам-бот визначає, що сайт на Joomla, і що використовується стандартна форма контактів. Дивно, але є боти, які чудово вміють це робити.

Спам-бот бачить наявність чекбоксу надсилання копії листа відправнику.

Спам-бот підставляє в полі Email адресу з власної бази розсилки спам, поле повідомлення заповнює спамом. Як заповнені інші поля не має значення.

Спам-бот відправляє форму і повторює процес багаторазово, підставляючи нові і нові адреси з власної бази в полі Email.

Що відбувається у результаті? Joomla думає, що форму заповнила людина, яка вказала свою реальну адресу і хоче зв'язатися з контактом із сайту. Оскільки галочка відправки копії листа встановлена, то листи від сайту отримують двоє: людина, чия адреса прив'язана до контакту, і людина, чия адреса введена в полі Email.

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

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

Як захиститись від цієї вразливості?

Як захиститись від цієї вразливості? Елементарно. Зробіть так, щоб жодна з умов, описаних вище, не виконувалася, а саме.

24.4K

Якість веб-сайту та його юзабіліті багато в чому залежать від того, чи зможуть його майбутні відвідувачі легко зв'язатися з адміністрацією або менеджерами.

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

У цьому є логічним використання форми зворотний зв'язок.

Сутність та значення форми зворотного зв'язку для Joomla

Форма зворотного зв'язку є зручним інструментом для відправлення повідомлень адміністрації сайту.

Ця невелика, але дуже значуща деталь сучасних сайтів не призводить до створення зайвої ваги сторінки і не пов'язана з написанням значної кількості громіздких скриптів.

Система управління контентом (CMS) Joomla 3 дозволяє створити форму зворотного зв'язку, яка має такі переваги:

Просте налаштування;
Гарний та зручний інтерфейс;
Можливість оперативного надсилання повідомлень;
Наявність контактної форми на всіх сторінках сайту;
Можливість обійтися без перезавантаження сторінки;
Захист від спаму.

Коли користувач надсилає адміністрації листа через даний компонент він автоматично приходить на електронну скриньку власників сайту.

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

Заповнення відвідувачем необхідних полів;

Відправка повідомлення.

Важливо, що така форма може складатися з довільної кількості полів різного призначення. При цьому такі поля, як "E-mail", "Ім'я", "Тема" та "Повідомлення" є обов'язковими.

Процес створення форми зворотного зв'язку в Joomla 3: покрокова інструкція

Стандартний функціонал CMS Joomla 3 дозволяє створити форму зворотного зв'язку без встановлення додаткових розширень. Це значно полегшує завдання формування цього важливого модуля на будь-якому сайті.

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

Доцільно детально розглянути кожен із етапів створення форми зворотного зв'язку на Joomla 3 .

Крок 1.

В адмін-панелі Joomla 3 слід відкрити меню «Компоненти» та перейти на вкладку «Контакти»:

Крок 2.

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

Зокрема, поля «Ім'я», «Категорія» та «Зв'язаний користувач» є обов'язковими для заповнення. Крім того, можна вказати такі контактні дані: «Посада», «Поштова скринька», «Місто», «Сайт», «Телефон» тощо.

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

Крок 3

На вкладці «Додаткова інформація» можна розмістити додаткові контактні дані, наприклад схему проїзду, або графік роботи, які можуть мати важливе значення для користувачів форми зворотного зв'язку:

Крок 4.

На вкладці «Параметри публікації» є можливим вказати дату початку та кінця публікації, а також прописати мета-описи та мета-тег «дозволити/заборонити» індексацію сторінки:

Крок 5.

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

Тут слід встановити формат відображення форми зворотного зв'язку Joomla 3 .

Слід підкреслити, що всього є три варіанти відображення:

«Списки, що згортаються» - на сторінці будуть два або три пункти: контакт, форма зворотного зв'язку і додаткова інформація, розташовані вертикально;
"Вкладки" - будуть відображатися ті ж вкладки, тільки горизонтально;
"Звичайний" - на сторінці будуть видно всі вказані контактні дані.

Крок 6

На останній вкладці «» можна налаштувати теми та поштові скриньки, що блокуються, а також активувати пункт «Надіслати копію листа на пошту відправника»:

Крок 7.

Після того, як вказані всі необхідні дані, потрібно зберегти контакт:

Крок 8

Після збереження необхідно сформувати пункт меню створеного контакту. Для цього потрібно перейти в розділ «Меню» та вибрати в ньому «Головне меню», потім вкладку «Створити пункт меню»:

Крок 9

У вікні потрібно прив'язати окремий пункт меню до головного або вертикального меню, яке зазвичай розташовується в лівому або правому блоці адмін-панелі Joomla 3 :

Крок 10

Як тип пункту меню необхідно вибрати розділ «Контакти»:

Крок 11

Після встановлення типу пункту меню з'явиться поле «Вибір контакту». У ньому потрібно вибрати створений на попередніх етапах контакт (у разі – Адміністратор).

Важливо підкреслити, що вкладки «Параметри відображення контактів» та «Параметри пошти» копіюють налаштування вкладок «Параметри відображення» та «Параметри відображення контактів» відповідно:

Крок 12

На вкладці «Параметри відображення посилання» прописується поле «Заголовок, як посилання», яке є описом користувача пункту меню. Згодом цей опис буде відображатися при наведенні курсору на пункт меню.

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

Крок 13

Після завершення описаних вище операцій можна налаштувати параметри відображення сторінки, а саме теги title та h1 цієї сторінки.