Бігати зворотного зв'язку копію листа. Як просити про зворотний зв'язок. Слідкуйте за тим, яким чином можна почути думку і що замовчується
Вітаю моїх читачів, набрався досвіду і розповім Вам про принципи роботи форми зворотного зв'язку 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 | "; // від кого $ send \u003d mail ($ address, $ sub, $ mes," Content-type: text / plain; charset \u003d utf-8 \\ r \\ nFrom: $ email "); ini_set (" short_open_tag ", "On"); header ( "Refresh: 3; URL \u003d index.html");?\u003e
Відвідувачі зараз обговорюють
|