Php конструктор форм обратной связи
Говорят, что если программист может написать форму обратной связи, он может написать всё.
Форма обратной связи — древнейшее программистское искусство. Тут есть всё: форма с проверкой, приём запроса, обработка, безопасность, хранение и ответ. Это как Hello World, только для самых крутых.
В сегодняшней версии программы — только самые основы этого упражнения. В следующих частях мы прокачаем систему.
Чтобы сделать у себя на сайте такое, нам понадобится:
Сервер для PHP
Для того, чтобы PHP-код исполнялся, нужен какой-то компьютер-исполнитель. Мы называем его сервером — то есть «раздающим». На сервере должна работать программа для PHP, которое отвечает за правильную обработку таких файлов.
Сервер для PHP можно запустить на вашем компьютере, но без дополнительной настройки он будет виден только лично вам. Это нормальная ситуация при разработке продукта, но для реальной боевой задачи нужно будет поднять сервер где-то в интернете.
Когда мы делали проект «Публикуем свою страницу в интернете», то уже использовали сервер (эту услугу нам предоставила хостинговая компания SpaceWeb). Этот же сервер мы можем использовать для нашей сегодняшней задачи, потому что он тоже умеет работать с PHP-файлами:
Готовим страницу с формой
Возьмём стандартный шаблон страницы и наполним его стилями и кодом для формы.
Пропишем CSS-стили, чтобы наша страница выглядела опрятно. Забежим немного вперёд и используем в стилях разделы input и textarea :
Чтобы сделать форму на странице, мы будем использовать такие теги:
— для ввода имени, почты для связи и темы письма. Они занимают одну строку, нам этого достаточно.
Оформим всё в виде кода:
Пишем обработчик формы на PHP
Когда мы заполним и отправим форму на нашей странице, произойдёт следующее:
- Браузер соберёт введённые нами данные и скомпонует таким образом, чтобы их можно было передать в программу на PHP. Как бы упакует в посылку.
- В нашей PHP-программе мы сможем получить доступ к этим данным, как бы засосать их в память и хранить в переменных. Можно представить, что мы распакуем посылку и сможем пользоваться её содержимым.
- Скрипт PHP что-то сделает с полученными данными, а потом выплюнет пользователю какой-то ответ. Этот ответ будет отображён в виде веб-страницы в браузере.
Логика работы PHP-программы будет такая:
Мы специально делаем так, чтобы форма отсылала письма на тот же адрес, который одновременно и адрес отправителя. Это сделано для того, чтобы вы получали эти письма, когда будете тестировать сервис. В рабочем проекте замените переменную $email в функции send() на свой настоящий адрес, чтобы самим получать письма из формы.
Отправляем PHP-скрипт на сервер
Как загружать файлы, мы рассказывали в статье про публикацию сайта в Сети, поэтому просто сделаем всё по той инструкции:
Что дальше
Дальше как обычно — улучшаем.
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Monty Shokeen Jul 29, 2020 (Updated May 11, 2022)
Контактные формы необходимы для каждого веб-сайта. Они побуждают посетителей вашего сайта взаимодействовать с вами, потенциально уменьшая количество спама, которое вы получаете.
Для бизнеса это взаимодействие с посетителями увеличивает шансы превратить их в клиентов или покупателей и тем самым увеличить доход.
Независимо от того, нужна ли вам простая контактная форма из трех полей или более сложная, которая предлагает множество опций и функций, вы обязательно найдете нужную PHP контактную форму здесь, в наших 12 лучших PHP скриптах для создания Контактных форм на CodeCanyon.
1. Quform- Responsive AJAX Contact Form
Есть причина, по которой Quform- Responsive AJAX Contact Form является одной из самых продаваемых PHP контактных форм в CodeCanyon. Эта универсальная AJAX контактная форма может быть адаптирована к форме регистрации, форме предложения или любой другой необходимой форме. Имея множество других настроек, Quform- Адаптивная AJAX Контактная Форма призвана поддерживать самого взыскательного пользователя.
- три готовых к использованию темы с шестью вариантами
- возможность интегрировать в ваш собственный дизайн темы
- возможность создавать сложные формы
- поддержка загрузки файлов
- и более
Пользователь DigitalOxide говорит:
"Этот скрипт невероятный! Это очень подробные инструкции, примеры и очень много функций. Я не могу придумать ничего, что бы мне когда-либо понадобилось (в том, что касается форм), что этот скрипт не может выполнить!"
2. KONTAKTO
KONTAKTO вышла на рынок только в марте 2017 года, но уже заработала себе имя как один из самых рейтинговых скриптов в этой категории. Отличная особенность этой красиво оформленной контактной формы - это стильная карта с указателем местоположения, встроенным в форму.
- обязательная проверка поля
- антиспам с простой Captcha с арифметическими операциями
- по умолчанию используется PHP почта, но доступна опция SMTP
- предотвращение повторных отправлений формы
- и более
Пользователь vholecek говорит:
"Дизайн выдающийся, и автор очень чутко реагирует на вопросы. Я ломал голову над разработкой шаблона, и автор разобрался с ним менее, чем за 24 часа."
3. ContactMe
ContactMe - невероятно универсальная и легко настраиваемая контактная форма. С 28 готовыми к использованию стилями и четырьмя различными темами, небо - это предел, когда дело доходит до создания идеальной формы в соответствии с вашими потребностями.
- простой в установке и настройке
- поддерживает обе версии Google reCAPTCHA
- допускается использование нескольких форм на странице
- доступны четыре размера формы
- и более
Пользователь ddglobal говорит:
"Отличный плагин для контактной формы. Отличный код, разнообразие и гибкость, невероятно быстрая и выдающаяся поддержка!"
4. PHP Form Builder
Другой топ-продавец CodeCanyon, PHP Form Builder включает плагин jQuery live validation, который позволяет вам создавать любой тип формы, подключать вашу базу данных, вставлять, обновлять или удалять записи и отправлять электронную почту с помощью настраиваемых шаблонов HTML/CSS.
- включено более 50 готовых шаблонов
- работает с любыми элементами форм HTML5
- параметры по умолчанию готовы для Bootstrap
- отправка электронной почты
- и более
Пользователь sflahaut говорит:
"Отличный продукт, содержащий готовые к использованию примеры всех типов форм. Документация отличная и поддержка клиентов является исключительной, как многие другие комментировали ранее. Я очень рекомендую этот плагин, поскольку он может сэкономить много времени, особенно для разработчиков, у которых не так много веб опыта, как у меня."
5. Contact Framework
Contact Framework уже давно существует, и с каждым новым обновлением он становится лучше и лучше. Его простой, но современный дизайн имеет три темы и пять цветов, что дает вам множество возможностей для настройки и интеграции в дизайн вашего сайта.
Пользователь fatheaddrummer говорит:
6. SLEEK Contact Form
Совершив свой дебют в 2017 году, SLEEK Contact Form является одним из новейших PHP скриптов для создания форм на CodeCanyon. Благодаря простому и стильному дизайну и функциональности, он идеально подходит для творческих людей или тех, кто хочет привнести немного классного стиля в контактную форму своего веб-сайта.
- невидимая система защиты от спама Google reCaptcha
- возможность добавления вложений любого типа
- автоматическое получение IP адрес и местоположение отправителя по электронной почте
- легко модифицировать и внедрять новые поля
- и более
Пользователь thernztrom говорит:
7. Ultimate PHP, HTML5 & AJAX Contact Form
Ultimate PHP, HTML5 and AJAX Contact Form заменяет чрезвычайно успешную AJAX Contact Form и позволяет вам легко размещать и управлять автономной контактной формой на любой странице вашего PHP веб-сайта.
- поддерживает загрузку файлов для отправки по электронной почте
- проверка типа поля
- допускается использование нескольких форм на странице
- поддерживает Google reCAPTCHA
- и более
Пользователь geudde говорит:
"Прекрасный код и безупречная документация. Я встроил форму на свой веб-сайт менее, чем за 10 минут, и большая часть этого времени была проведена в Google для reCAPTCHA. Я купил форму AJAX того же автора несколько лет назад. Новая версия намного элегантнее и легко вписывается в мой сайт."
8. Perfect Contact Us Form
Perfect Contact Us Form - это форма, основанная на Bootstrap, которая полностью настраивается и проста в использовании. Простая в использовании форма хорошо интегрируется с HTML и PHP страницами и будет привлекать как начинающих, так и опытных разработчиков.
- основано на AJAX
- скрипт электронной почты SMTP и PHP
- защита от спама на основе jQuery
- и более
Пользователь andreahale говорит:
"Отличная поддержка и супер быстрое время отклика. Быстро помогли мне с изменениями, которые я хотел внести в форму."
9. Contact Form Generator
Contact Form Generator - это еще один из самых продаваемых PHP скриптов для создания контактных форм на CodeCanyon. Он имеет удобный drag-and-drop интерфейс, который помогает вам создавать контактные формы, формы обратной связи, онлайн-опросы, регистрацию событий и т.д., а также получать ответы по электронной почте в считанные минуты. Это высокоэффективный конструктор форм, который позволяет создавать хорошо разработанные контактные формы и расширять их диапазон, включая другие функции.
Пользователь Enrico333 говорит:
"Формы всегда были головной болью, сколько я могу вспомнить - а это действительно облегчило мою жизнь."
10. Feedback Form
Действительно, форма обратной связи более ограничена по своей функции, чем общая контактная форма, но поскольку контактные формы также могут использоваться, чтобы оставить отзыв, я подумал, почему бы не включить в этот список настоящую форму обратной связи.
Feedback Form позволяет вашим пользователям оценивать ваш продукт или услугу и получать подробную информацию, необходимую для улучшения вашего бизнеса. Feedback Form очень проста в использовании и может быть добавлена на любой сайт за короткий промежуток времени.
- многоцелевая форма обратной связи
- полностью настраиваемая
- всплывающая форма (без перезагрузки страницы)
- проверка формы
- и более
Пользователь diwep06 говорит:
11. ContactPLUS+ PHP Contact Form
ContactPlus+ это чистая и простая контактная форма, которая состоит из трех стилей: не стилизованная версия, которую вы можете построить в соответствии с вашим вкусом, обычную форму с необходимой для контактной формы информацией, и более полную форму для размещения адреса.
Пользователь itscody говорит:
"Он пошел дальше, чтобы убедиться, что это сработало так, как я хотел, с очень сложным дизайном моего сайта."
12. Easy Contact Form With Attachments
Хотя это не самая красивая контактная форма в этом списке, плагин Easy Contact Form With Attachments, безусловно, является одним из самых простых для добавления на ваш сайт. Кроме того, для конфигурации требуется только ваш адрес электронной почты и информация о компании. Форма предлагает пять различных тем на выбор и, как следует из названия, позволяет отправлять вложения файлов.
Пользователь powerj говорит:
Заключение
Эти 12 лучших PHP скриптов для создания контактных форм только малая часть продуктов, доступных на рынке Envato, поэтому, если ни одна из них не соответствует вашим потребностям, есть много других отличных вариантов, которые вы можете предпочесть.
И если вы хотите улучшить свои навыки PHP, ознакомьтесь с очень полезными бесплатными руководствами PHP, которые мы предлагаем.
Monty Shokeen Jun 17, 2020 (Updated Nov 28, 2021)
Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)
Если вы разработчик, использующий PHP для построения вебсайтов для себя и клиентов, в один момент вам понадобится добавить на ваш сайт форму. Самая распространённая форма на обычном вебсайте — это форма связи. С её помощью посетители могут быстро и просто в вами связаться. Но другие формы тоже могут оказаться полезны. Например, вместо формы связи, вы захотели добавить форму для электронной почты на PHP, или форму для отзывов о том или ином продукте или услуге. Не важно какая форма вам нужна, она нужна вам прямо сейчас.
И тут в игру вступает конструктор PHP форм. Сегодня мы рассмотрим пять лучших конструкторов PHP форм, которые есть на рынке Envato и сравним их по функционалу, гибкости и внешнему виду. Но сначала, давайте рассмотрим, что такое конструктор PHP форм.
Что такое конструктор PHP форм?
PHP форма — это форма на веб-странице, с помощью которой посетители могут вводить информацию и отправлять её серверу на обработку. По сути, это онлайн-версия бумажной формы, где пользователи заполняют определённые поля, а затем передают их для обработки.
Конструктор PHP формы, также известный как генератор PHP форм, это инструмент, который вы можете добавить на ваш сайт, чтобы быстро генерировать множество хорошо оформленных PHP форм.
Зачем мне конструктор PHP форм?
Не каждому, кому нужно добавить форму на сайт, нужен подобный функционал, поэтому для вас, правильный генератор PHP формы – не обязательно тот, в котором больше всего наворотов. Вам нужен лишь тот, который лучше всего соответствует вашим потребностям.
Сравнение 5 лучших конструкторов PHP форм
Easy Forms: продвинутое построение форм и управление
Конструктор PHP форм Easy Forms соответствует всем требованиям идеального генератора форм и идеально подходит для неопытного разработчика. Этот конструктор форм использует систему перетаскиваний, что позволяет создавать формы за минуты прямо в вашем браузере, имея лишь небольшие познания в написании кода, а также предлагает отличный выбор тем и шаблонов для различных вкусовых и брендовых предпочтений.
С Easy Forms вы можете создавать обычные формы, как например: формы связи, формы заказов, формы регистрации и онлайн опросы. А ещё вы можете создавать особенные формы, вроде многостраничных форм и форм в несколько столбцов.
Затем, вы можете разместить эти формы, где угодно на странице, а после сможете отслеживать просмотры, отправки, географические данные, долю отказов и другую важную информацию. А ещё, Easy Forms предлагает: аналитику для форм, что поможет вам лучше изучить ваши данные; возможность создавать отчёты на основе этой аналитики и возможность экспортировать данные, собранные формами.
Пользователь imagesthataspire говорит:
Zigaform PHP Form Builder: Contact & Survey
С конструктором Zigaform: Contact & Survey вы можете построить ряд форм для PHP веб-сайта за считанные минуты. Данный конструктор использует сетку, в которую вы можете перетащить более 40 элементов формы, для создания любого типа формы. Вы можете использовать их настройщик скинов (Skin Customiser) и более 700 значков, 650 шрифтов, 80 эффектов анимации для настройки каждой части вашей формы, чтобы она классно вписалась в веб-страницу.
Когда пользователи заполняют форму, они получают письмо с подтверждением, а вы получаете уведомление на почту, оба эти письма полностью настраиваемы. Все данные отправленные через Zigaform хранятся в админ-панели, откуда вы можете экспортировать их в формате CSV или PDF. В этом конструкторе также можно фильтровать и сортировать отправленные данные, которые затем можно будет использовать для создания аналитических и других диаграмм.
- обширная документация
- готов для перевода
- защита от спама
- кросс-браузерная совместимость
- проверка форм
- и многое другое
Пользователь orlandobcr говорит:
Конструктор форм Zigaform: PHP Calculator & Cost Estimation Form Builder
Конструктор форм Zigaform: PHP Calculator & Cost Estimation является братом, упомянутого выше Zigaform Contact & Survey, и разработан для помощи в создании форм для электронной коммерции и выставлении счетов, форм суммарной оценки и мгновенной оплаты, чтобы упростить весь процесс для покупателей.
Кроме этих специализированных форм, данный генератор PHP форм имеет те же функции, что и конструктор форм Zigaform Contact & Survey. Вы можете перетаскивать множество предоставленных элементов формы в аккуратную сетку и настраивать скины через Skin Customiser, множество значков, шрифтов и эффектов анимации для настройки вашей формы У этого конструктора такие же отличные уведомления и обработка данных, как у его брата.
- расширенный поиск записей
- импорт и экспорт ваших форм
- возможность дублировать формы и поля
- детальные отчёты записей для формы
- поддерживает мобильные
- и многое другое
Пользователь davinci7 говорит:
«Эта форма просто находка! До этого, я истратил больше $400 на сложные формы, разработанные для меня (которые в итоге просто не работали), а с помощью этого приложения я построил такие же, всего за 30 минут Мне оказали великолепную поддержку. Я очень неохотно покупал это, но теперь, рекомендую его всем.»
Конструктор PHP форм
Самый мощный из конструкторов форм — PHP Form Builder позволит вам создать форму любого типа, используя простые функции. У этого конструктора есть варианты горизонтального, вертикального расположения и макет «в строку», так что форма впишется в дизайн вашей страницы, будь это элементы формы на HTML5, включая группу полей, множественные селекторы, группы радиокнопок, группы кнопок и прочее.
Вы можете обернуть HTML в другие элементы, настроить id, классы и атрибуты, элементы JavaScript, и добавить свой код почти везде. У этого конструктора великолепная документация, которая подходит и новичкам в PHP и продвинутым программистам.
- строить любую форму с любым фреймворком
- проверять правильность введённых данных
- отправлять письма, используя настраиваемые HTML/CSS шаблоны
- подключить свою базу данных и вставлять, обновлять или удалять записи
- в комплекте идёт более 120 готовых шаблонов
- и многое другое
Вот, что пользователь MonicePetkovska говорит об этом невероятном конструкторе PHP форм:
«Поддержка отличная, я просто впечатлён. Конструктор прост в реализации. Ещё раз спасибо за поддержку. Я новичок в PHP, и я многому научился у вас."»
Конструктор форм Aquaria Contact 5
Конструктор форм Aquaria Contact 5 идеален для тех, кто ищет простое решение для добавления контактной формы на сайт. Лёгкий конструктор Aquaria легко установить, а после создать форму PHP контактов всего в один клик, которая готова к использованию. Конструктор предлагает неограниченного количество цветов и более 600 шрифтов и значков, так что вы сможете настроить форму по вашему вкусу.
- работает на страницах PHP и HTML
- полностью отзывчивый макет
- защита с помощью CAPTCHA
- поддерживается во всех основных браузерах
- и другое
Пользователь ar10 говорит:
Выберите подходящий вам конструктор PHP форм
По пяти рассмотренным конструкторам PHP форм, вы видите, что они есть разных размеров и функциональности. Для тех, кто ищет простую и надёжную форму контактов, верным выбором будет конструктор Aquaria Contact 5, а для тех, кому нужны многочисленные формы для счетов и электронной коммерции лучшим выбором будет конструктор Zigaform: PHP Calculator & Cost Estimation. Для тех, кому нужна большая гибкость в создании многочисленных форм, лучший выбор — Easy Forms: Advanced Form Builder and Manager.
Иными словами, любой из конструкторов, рассмотренных здесь, будет отличным выбором в зависимости от ваших нужд.
Поэтому первый шаг, который нужно предпринять — это чётко понять, что вам нужно от конструктора форм. Как только проясните, снова взгляните на эти конструкторы форм, чтобы решить который из них подходит вам. Если вам не подходит ни один из них, не переживайте, у нас есть больше конструкторов PHP форм на Envarto Market, так что отправляйтесь туда и посмотрите их.
Понятно, что при использовании Joomla и WordPress вопрос обратной связи или заказа можно решить использованием различных расширений или плагинов, но есть способы, которые подойдут абсолютно для любого проекта, построенного как на чистом Html, так и использующего движок Cms (скрипты, cms, конструкторы и генераторы форм обратной связи).
Для работы классической формы в Html требуется скрипт обработчика, который чаще всего пишется на языке Php, поэтому желательно, чтобы ваш хостинг имел его поддержку (правда, сейчас даже хостинги предоставляемые бесплатно поддерживают Php).
Хотя, существуют решения и не требующие поддержки Php, и о них тоже будет упомянуто в этой статье. Никаких особо подробных описаний по установке и настройке в этой статье не будет, ибо это лишь обзор имеющихся вариантов, которые сейчас можно найти в сети.
Буду вам крайне признателен, если вы в комментариях приведете свой пример создания систем обратной связи (желательно оригинальный, красивый и функциональный) со ссылкой на описание и страницу с примером (я пока нахожусь в процессе поиска идеального решения).
Формы обратной связи для Joomla и WordPress
Давайте посмотрим, как можно организовать обратную связь в Joomla и WordPress стандартными средствами или с помощью расширений.
В Джумле уже по умолчанию имеется бесплатный компонент «Контакты», реализующий данный функционал, о настройках которого вы можете прочитать по приведенной ссылке. Как правило, в дистрибутив этого движка по умолчанию включают самые стабильные расширения, но не всегда самые функциональные. Да и разработчики расширений для Joomla не спят и периодически появляются новые более функциональные решения.
Так вы можете скачать отдельный модуль обратной связи для Джумлы под названием Rapid Contact, который может дать вам новые возможности и функционал (см. демо). Про настройку и возможности этого модуля сможете прочитать здесь. К тому же, стандартный компонент в Joomla для реализации обратной связи не обладает достаточной гибкостью и не позволяет использовать защиту от спама (капчу), а также не позволяет создавать несколько разных контактных форм на сайте.
Эти проблемы решаются с помощью альтернативного компонента для этого движка под названием aiContactSafev, который позволяет создавать на сайте любое количество форм обратной связи (можно привязать их к разным E-mail адресам) и имеет возможность добавлять поле для загрузки файлов, равно как и любые другие типы полей.
Этот компонент в своем составе имеет очень гибко настраиваемую капчу (ввод кода при отправке данных для зашиты от спама). Его можно бесплатно скачать для разных версий Джумла, а прочитать про его настройку вы сможете тут.
Теперь давайте поговорим за WordPress. Лично я пока еще не определился с этим и у меня на странице контактов красуется обычный E-mail, что в общем-то не очень здорово, ибо он уже давно попал в спам-базу, и если бы я не сумел привязать почту для домена через Google Apps к обычному ящику в Гмайле, то поток спама меня бы уже давно захлестнул с головой.
В общем-то в этом и состоит основное преимущество формы обратной связи — она позволяет сохранить инкогнито вашего почтового адреса для спамеров. Ну и еще она обычно оформлена в довольно приятную оболочку, что может добавить плюсик в отношении к вашему проекту пользователей, особенно это актуально для коммерческих ресурсов, когда удобная форма заказа или обратной связи может повысить конверсию (доход).
Собственно, по поводу WordPress. Есть один очень популярный и очень мощный плагин, который зовется Contact Form 7. Популярность его просто зашкаливает, а это значит, что что-то в нем такое есть. Правда для реализации функции капчи вам придется поставить еще дополнительный плагин Really Simple CAPTCHA.
Понятно, что за это время Contact Form 7 мог стать уже гораздо более подходящим для реализации стоящих перед нами задач и поэтому предлагаю вам опробовать его в работе самостоятельно, опираясь на довольно подробное описание. Если вы пользуетесь каким-либо другим хорошим и легким плагином, то чиркните, пожалуйста, об этом пару слов в комментариях.
Так, это мы говорили про реализацию обратной связи в Joomla и WordPress с помощью соответствующих расширений.
Но существует еще несколько способов:
Создание формы самостоятельно. Для этого нужно будет написать ее код и оформить внешний вид с помощью Css стилей, а еще написать на Php для нее обработчик (в принципе, знаний, полученных из видеокурса Попова по Php, будет достаточно) и затем добавить CAPTCHA, проверку правильность заполнения полей и что-то еще. Сразу скажу, что сделать это будет не просто.
Все у того же Евгения Попова есть серия бесплатных уроков на его блоге, посвященных самостоятельному созданию обратной связи для сайта:
Как вы можете видеть, знаний и времени потребуется довольно много. Поэтому можно будет для ускорения воспользоваться уже готовыми скриптами или же онлайн конструкторами и генераторами форм.
В интернете можно найти довольно много скриптов различных форм — от самых простых (однако, требующих от вашего хостинга поддержку Php) до очень навороченных, которые устанавливаются на сайт подобно полноценной CMS и требуют для своей работы не только поддержку PHP, но и базы данных.
Данные скрипты можно будет установить и использовать практически для любого проекта — как статического (на Html), так и динамического (на Cms). В общем-то, довольно-таки удобный и универсальный инструмент, но вам придется, скорее всего, перебрать много вариантов, чтобы найти что-то подходящее именно вам.
Php скрипты форм обратной связи для сайта
Итак, давайте рассмотрим сначала несколько скриптов, которые можно бесплатно скачать и установить на свой сайт. Простенький, но довольно наглядный вариант (использующий капчу для защиты от спама) можно будет бесплатно скачать отсюда. Есть вариант обратной связи:
Там и форма заказа для сайта:
Настройки осуществляются с помощью редактирования содержимого файла «config.php» из директории «sendmail»:
В первой строчке вы указываете адрес почтового ящика, на который будут приходить письма, отправленные с помощью этой формы, а во второй строчке указываете желаемую кодировку текста (utf 8, windows 1251). В ряде последних строчек Php кода вы сможете поменять подписи к полям формы обратной связи или заказа. Вот и все.
Существует довольно привлекательный скрипт под названием Super AJAX Contact Form (можно использовать его и для заказа), построенный на основе PHP и jQuery с использованием Ajax:
Настройки формы обратной связи производятся в файле «\code\assets\xml\config.php», где можно прописать как отдельный E-mail для различных тем, так и один для всех (смотрите об этом подробнее в видеоуроке).
В Super AJAX Contact Form осуществляется проверка правильности заполнения всех полей и сразу же (без перезагрузки страницы — ajax во всей красе) выдаются подсказки над соответствующими полями, что сильно повышает юзабилити обратной связи:
У меня возникли только замечания по работе капчи и желание интегрировать данную обратную связь в свою страницу с контактами, ибо открывать форму в отдельном окне без внедрения в дизайн блога мне кажется не совсем оптимальным решением. В общем-то на странице автора видеоурока в комментариях приводится решение этих проблем и вы можете с ними ознакомиться.
Ну и на затравочку хочу привести пример скрипта обратной связи, который можно сравнить с мини Cms, ибо у него есть своя админка, мастер установки, и для его работы вам потребуется создать базу данных (или использовать уже имеющуюся). Взамен вы получаете очень функциональный конструктор, позволяющий реализовать практически все, что угодно.
Данный скрипт называется Генератор форм обратной связи, скачать его можно совершенно бесплатно по приведенной ссылке. Обратите внимание, что для скачивания доступны три версии скрипта, которые отличаются только используемой в них капчей:
Скрипт осуществляет проверку на заполненность всех полей формы, на правильность ввода E-mail адреса, защищает от спама с помощью капчи и позволяет добавлять в практически любые дополнительные поля (загрузка файла, чекбоксы, радиокнопки, поля со множественным выбором и т.д.).
Особенностью установки этого скрипта обратной связи является использование им базы данных, которую вам нужно будет предварительно создать или же использовать уже имеющуюся (его таблицы будут помечены в ней своим префиксом, что поможет их затем без труда удалить при необходимости). Я уже писал про то, как создать базу данных в cPanel или скачать, установить и настроить phpMyAdmin.
Для описания процесса установки и настройки данного скрипта потребуется написание отдельной статьи, поэтому предлагаю вам скачать и посмотреть подробный видеоурок по этому поводу, где также будет приведено описание процесса интеграции скрипта в дизайн вашего сайта.
Конструкторы и генераторы форм обратной связи
Есть довольно много онлайн конструкторов и генераторов форм обратной связи. Например, этот сервис предлагает вам довольно удобный и функциональный интерфейс для создания конструкций практически любой сложности. На первом шаге вам предложат выбрать цветовую схему:
После чего вам нужно выбрать из левой части окна нужные поля для будущей формы и затем, щелкая по ним, произвести их более тонкую настройку (задать подписи полей на русском языке, выбрать ширину поля, сменить тип и ввести предварительный текст):
Добавленные поля можно менять местами простым перетаскиванием мыши, удалять и повторно редактировать:
В общем, интерфейс этого онлайн конструктора очень и очень современный и удобный. После того, как вы расположите все нужные вам поля в нужном порядке и приведете все нужные им настройки, можете нажать на кнопку сохранения (расположена внизу). На следующей странице вам предложат перейти к просмотру и скачиванию скрипта обратной связи или же вернуться к редактированию:
То, что кнопка «Submit» осталась не переведенной, не есть большая проблема, ибо это можно будет сделать непосредственно в полученном коде.
Есть одно «но» — с помощью этого онлайн конструктора вы получите только Html код, а вот Php обработчик данных вам придется использовать свой. О том, где взять обработчик, можете узнать из этого видеоурока.
Обратная связь для Html сайтов (без Php)
Есть онлайн сервисы, предоставляющие бесплатно свои собственные Php обработчики, которые будут расположены на их серверах. К такому типу относится конструктор на ip-whois:
Не фонтан, конечно же, в плане изысков дизайна, но зато такую форму можно создать за пять секунд и еще за минуту поставить абсолютно на любой сайт, даже расположенный на хостинге без поддержки Php.
После настройки внешнего вида и добавления нужных полей нажмите на кнопку «Просмотр», а затем на кнопку «Настроил» и скопируйте код. Вставьте его на страницу контактов и нажмите на расположенную под кодом кнопку «Вставил».
Комментарии и отзывы (44)
Пользуюсь ContactMeForm — очень доволен, довольно простой, более приятный внешний вид
Я использую Super AJAX Contact Form — доволен как слон 🙂
Шикарный пост, широкий выбор. Поэкспериментирую как-нибудь, пока стоит Contact Form 7.
Подскажите пожалуйста, установил на сайт (CMS Joomla) AJAX Contact Form, все работает, только не отображаются русские символы.
Очень помогли Дмитрий в подборке контактной формы. Спасибо
подскажите пожалуйста, чем рисовать такие 3d изображения, как у вас в анонсе этой статьи
Наконец то дошли руки, установил себе форму обратной связи от
no-spam.su/ — спасибо Дмитрий!
Взял, любезно Вами предложенный файл программы form, теперь получается есть вопрос к вам! Буду благодарен за ответ?
Встречались ли Вы Дмитрий, или кто либо другой с проблемой кодировки?
По умолчанию выставленная кодировка windows-1251 дает возможность на почте гугла лицезреть только английские символы.
Вся кириллица приходит в «кракозябрах», требуя кодировки utf-8!
Залез в админку, — поменял кодировку, и ничего не произошло, такие же иероглифы. Странно. Полез в скрипт, вроде бы нашел где прописана кодировка, — поменял и в скрипте и в админке — вообще все пишло на почту в «кракозябрах».
Где проблема, кто подскажет. Спасибо!
P/S в благодарность за ответ, по нажимал на кнопочки ретвита!
Ребят,кто-нибудь разобрался с кодировкой с сайта no-spam.su/.
Если разобрались,то подскажите где ошибка.Спасибо!
Здравствуйте! Понравилась Super AJAX Contact Form.
Спасибо за статью.
У меня есть один вопрос?
добавить эту ссылку к тексту письма. Чтоб можно уже было получить с письмо с указанием этой ссылки. Пож помогите решить вопрос.
А как создать форму с возможностью прикрепления какого либо файла, например, архива.
Ведь где-то же должны храниться учётные данные, с которых идёт отправка почты? Где это вбивать? К домену подключена почта гугла.
Или хоть на какую тему гуглить? Третий день же мучаюсь.
Спасибо. Подскажите на счет Super AJAX Contact Form, как сделать чтоб она была развернута на моей странице, какой код вставить в хтмл редактор Ворд Пресс.
Очень большое спасибо.
Спасибо большое за скрипт! Очень помогли!
Вот еще нашел очень удобный сайт в котором можно создать свою форму,
Посоветуйте, что можно сделать с обратной связью если сайт работает в системе BERTA?
САЙТ СУПЕР, пост очень полезный
Все остальное, о чем тут писали, что можно поставить на html, пробовала, везде свои косяки: где-то платно, где-то оправка файла не проходит.
Бьюсь с комментариями на страницы сайта как у Вас.
В денвере все красиво и успешно.
Что Вы можете посоветовать?
То что нужно . нашел то что искал — Спасибки =)))
Вы забыли сказать, что перед установкой форм описанных перед Super AJAX Contact Form на Вордпресс необходимо установить плагин Exec-PHP иначе они не заработают.
Добрый день. Использую Super AJAX Contact Form, все работает, но нужно, чтобы на почту, которую пользователь вписал в форму, отправлялось письмо с уведомлением о заказе.
Подскажите, как можно это сделать с Super AJAX Contact Form.
Заранее благодарна за ответ.
Уже разобралась. Прикрутила скрипт отправки почты в начало файла send.php
Поставил aiContactSafev и все работает, только подтормаживает. До этого ставил CK forms на почту приходили пустые письма и ошибка ява, так и не понял в чем дело.
Кто то поможет написать скрипт к такой форме?
БИТАЯ ССЫЛКА В абзаце
Данный скрипт называется «Генератор форм обратной связи», скачать его можно совершенно бесплатно по приведенной ссылке. Обратите внимание, что для скачивания доступны три версии скрипта, которые отличаются только используемой в них капчей:
Вопрос по доставке
По мне, так быстрей взять какой-нибудь конструктор и там сделать форму. Это особенно хорошо работает, если ты не программист. Я, например, ucalc.pro использую для форм и форм расчетов.
Еще есть stepFORM.io для форм и опросников очень даже отличный вариант, рекомендую т.к. уже полгода использую и особых нареканий нет.
Этот конструктор поможет вам сэкономить время и создать рабочие формы для вашего сайта в режиме онлайн. В форму можно добавлять любое количество полей, радиокнопок, выпадающих списков и даже файлов для их загрузки пользователем.
Особенности конструктора:
- Позволяет визуально видеть все внесенные изменения.
- Работа со всеми основными элементами формы: чекбоксы, радиокнопки, выпадающие списки, файлы, подписи к полям и т.д.
- Может включать/отключать ненужные поля, менять их порядок (методом перетаскивания), подписи, вид и делать их обязательными к заполнению.
- Возможность открытия формы во всплывающем окне.
Скриншоты:
Инструкция по использованию:
В 1 шаге выбирайте те поля, которые вам нужны и перемещайте их синей стрелкой в форму. В самой форме можно менять порядок данных полей (просто зажав поле мышкой и переместив его куда нужно) или удалять их. Подписи к чему либо нужны, чтобы озаглавить списки чекбоксов или радиокнопок - они отправляются к вам на почту.
Радиокнопки выполнены в виде уникальных наборов. Чтобы сделать несколько наборов, нажмите на кнопку дубля.
Во 2 шаге обратите внимание на кодировку вашего сайта или страницы, если выберите ее неверно, то письмо будет приходить в кракозябрах.
В 3 шаге вы можете поменять подписи и цвета к полям. Обратите внимание на галочку без заливки и рамки - она нужна, если вы хотите вставить код формы в уже существующий дизайн.
Чтобы форма работала во всплывающем окне, нажмите на последнюю галочку и настройте дополнительные параметры.
Теперь, чтобы построить форму, нажмите на кнопку "Получить код" и скопируйте результат, например, в блокнот.
Как установить полученный код на своем сайте
Данный конструктор идеально подходит на сайтах с поддержкой PHP, например, для Joomla или WordPress.
Чтобы использовать полученный код, вставьте его где угодно на вашем сайте, например, между тегами
и
Конструктор форм обратной связи онлайн для сайта: 41 комментарий
Здравствуйте, вы можете задать имя отправителя на вашем хостинге. Попросите службу поддержки сделать это. Или в коде прописать запись в заголовке после $head = "Mime-Version: 1.0\r\n"; добавить $head.="From: 'имя_отправителя' \r\n"; Причем email_отправителя должен быть ящиком с доменом вашего сайта!
Добрый день, подскажите, как выставить ограничение на размер и расширение прикрепленных файлов?
Читайте также: