Обратная связь для сайта с помощью скриптов форм на Html и Php, а так же онлайн конструкторов и генераторов. Генератор формы обратной связи для сайта


Форма обратной связи для сайта.Вариации на тему. | ТВОЙ ПОМОЩНИК

Написал Елена Молгачева в 6 апреля 2012, 14:25 Отредактировано: 13 марта 2016, 18:02

создать форму-обратной-связи-для-сайтаСегодня, согласно учебному плану, устанавливаю форму обратной связи у себя на сайте.

Форма обратной связи для сайта необходима, чтобы облегчить связь владельца сайта с посетителями и рекламодателями. Она позволяет написать и отправить письмо владельцу сайта прямо со страницы сайта, что, согласитесь, очень удобно. Простейший проверенный способ получить форму обратной связи – установить два плагина, которые работают  в связке:

Contact Form 7- генератор формы обратной связи

Really Simple CAPTCHA — установка «капчи» для защиты от спама

Плагины устанавливаются обычным образом (можно через поиск по названию в админ панели), активируются и настраиваются. Действуем следующим образом. Открываем настройки плагина Contact Form 7:

Настройка Контактной формы

1  Выбираем в правом окошке из раскрывающего списка  параметр CAPTCHA;

2  Перетягиваем сгенерированные поля капчи и ее ввода  в нужное место формы;

3  Сохраняем и копируем полученную одну строчку на страницу своего сайта, куда хотим установить форму.

Подробнее показано на картинке, которую можно увеличить, если клацнуть по ней мышкой.

Форма обратной связи.Настройка.

Вот и все! Появляется работоспособная стандартная форма обратной связи для сайта.

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

В самом коде капчи я ничего не меняла. Просто нажала кнопку вставить (Insert), когда открылось окошко ее настройки.

Не теряйтесь, если произошли какие-то незначительные изменения.

Настройка-формы-обратной-связи

Хочется еще добаваить, что никаких новых адресов электронной почты указывать не требуется. Плагин все берет автоматически из настроек администратора сайта.

Но всегда хочется чем-то отличиться и поставить что-то индивидуальное. На просторах интернет я наткнулась на сайт, который  позволяет генерировать форму по Вашему вкусу  и составлять свой текст благодарности тем, кто решил написать Вам письмо. Такую возможность предоставляет  сайт jotform.com, где нужно пройти регистрацию.

На Subscribe можно найти информацию про генератор форм обратной связи.

Сначала мне захотелось поставить такую более-менее индивидуальную формочку. Но при ближайшем рассмотрении оказалось, что форма обратной связи для сайта действительно генерируется, однако фактически Вам предоставляют не код формы, а ссылку на сайт jotform.com с кодом формы, и форма будет подтягиваться с этого сайта. Бесплатный сыр бывает только в мышеловке. Не вижу смысла ставить такую несамостоятельную форму к себе на сайт.

Еще встретился вариант типа: скопируй текст моей формы, исправь на свои параметры, и будет тебе счастье. Но здесь нужно аккуратно все исправить, а потом разместить в корневой каталог своего сайта еще и дополнительный файл с опциями.

Рассмотрев несколько вариантов, пришла к выводу: наверное, на начальном этапе лучше  не экспериментировать. Пусть будет стандартная форма обратной связи для сайта. Ее все-таки установить проще всего. Протестировала — работает нормально. Как она выглядит, смотрите страницу «Контакты». На этой странице у меня еще находятся кнопки социальных сетей для сайта, установленные без плагина. Если Вас интересует такой вариант, то есть возможность  посмотреть, как это сделать. Кнопки можно выбрать любые и организовать связь с любыми социальными сетями, где Вы состоите.

Елена и tvoy-internet.ru

tvoy-internet.ru

Генератор формы обратной связи. | На пути к успеху. Блог Михаила Сойкина

Генератор формы обратной связи. mainЗдравствуйте, уважаемые посетители!Сегодня мы будем устанавливать обратную связь с читателями блога. Для этого нам понадобиться генератор формы обратной связи.  У нас имеется сайт, который пополняется различной информацией.

Общаться, конечно, можно и через комментарии к той или иной статье. Однако если возникнет необходимость, написать на электронный адрес автора статьи напрямую прямо на сайте, то нам поможет  обратный контакт. Приступим к его созданию.

Ресурс для создания обратной связи

Заходим на поисковую строку любого браузера и набираем mail-ip.ru, нажимаем Enter. Открывается специальный ресурс, который нам в этом поможет. Здесь можно ознакомиться с его функционалом.

Генератор формы обратной связи. Обратная связь.

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

Также можно проверить существование любого почтового ящика, безопасность компьютера, создать надежный безопасный пароль.  Сегодня  приступим к формированию контакта с читателями блога. Для этого открываем первую вкладку сервиса — Форма обратной связи.

Генератор формы обратной связи. Создание формы.

Здесь выбираем те строки, которые мы будем использовать в дальнейшем. Например,  выбираем  поле с вводом имени, e-mail адреса и сообщения. Когда мы определились с выбором полей, займемся их цветовой корректировкой.

Здесь возможно изменение  фона отдельных элементов самой формы и текста. Для выбора соответствующего цвета можно воспользоваться сайтом colorscheme.ru. Выбираем понравившийся цвет, копируем его код и вставляем в поле формы обратной связи. Когда все необходимые изменения произведены, нажимаем кнопку – создать форму.

Генератор формы обратной связи. Коды цветов.

Чуть ниже отображается конструкция, которую мы создали. Сейчас необходимо получить код формы, нажав на кнопку – получить код.

Создание страницы контакта

Далее копируем его, а в консоли административной панели сайта создаем новую страницу.

Генератор формы обратной связи. Страница сайта.

Г

Даем название страницы, например – Контакты, а во вкладке – Текст, вставляем ранее сохраненный код. Переходим во вкладку визуально, и записываем произвольный текст с целью привлечения посетителей на эту страницу сайта, публикуем.

Регистрация на сайте

После публикации страницы в интернете, необходимо зарегистрироваться на сайте main-ip.ru. Для этого переходим в настройки обратной связи, и в строку URL вставляем URL — адрес созданной страницы — Контакты, а в следующую строку вносим свой рабочий адрес электронной корреспонденции, и нажимаем регистрация.

Генератор формы обратной связи. Регистрация формы связи.

Проверка работы формы

Сейчас проверяем работу созданной формы взаимного контакта. Переходим на данную страницу сервиса и заполняем нужные строки.  После заполнения формы нажимаем — Отправить. На введенный адрес электронной почты должно придти сообщение. Если оно есть, значить все работает нормально.

Генератор формы обратной связи позволяет создать  контакт с посетителями сайта, не размещая на странице свой адрес электронной почты.

Генератор формы обратной связи. Форма связи сайта.

Также предлагаю ознакомиться со следующей информацией:

 — программа парагон как пользоваться;

 —  как добавить карту на сайт.

С уважением, Михаил Сойкин.

Спасибо, что поделились статьей в социальных сетях!

 

rtgh.ru

Обратная связь для сайта с помощью скриптов форм на Html и Php, а так же онлайн конструкторов и генераторов

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу поговорить о способах создания форм обратной связи, заказа, контактных и других типов, которые могут понадобиться вебмастеру для организации удобной коммуникации со своими посетителями или клиентами.

Понятно, что при использовании Joomla и WordPress вопрос обратной связи или заказа можно решить использованием различных расширений или плагинов, но есть способы, которые подойдут абсолютно для любого проекта, построенного как на чистом Html, так и использующего движок Cms (скрипты, cms, конструкторы и генераторы форм обратной связи).

Для работы классической формы в Html требуется скрипт обработчика, который чаще всего пишется на языке Php, поэтому желательно, чтобы ваш хостинг имел его поддержку (правда, сейчас даже бесплатные хостинги поддерживают Php).

Хотя, существуют решения и не требующие поддержки Php, и о них тоже будет упомянуто в этой статье. Никаких особо подробных описаний по установке и настройке в этой статье не будет, ибо это лишь обзор имеющихся вариантов, которые сейчас можно найти в сети.

Буду вам крайне признателен, если вы в комментариях приведете свой пример создания систем обратной связи (желательно оригинальный, красивый и функциональный) со ссылкой на описание и страницу с примером (я пока нахожусь в процессе поиска идеального решения).

Формы обратной связи для Joomla и WordPress

Давайте посмотрим, как можно организовать обратную связь в Joomla и WordPress стандартными средствами или с помощью расширений.

В Джумле уже по умолчанию имеется бесплатный компонент «Контакты», реализующий данный функционал, о настройках которого вы можете прочитать по приведенной ссылке. Как правило, в дистрибутив этого движка по умолчанию включают самые стабильные расширения, но не всегда самые функциональные. Да и разработчики расширений для Joomla не спят и периодически появляются новые более функциональные решения.

Так вы можете скачать отдельный модуль обратной связи для Джумлы под названием Rapid Contact, который может дать вам новые возможности и функционал (см. демо). Про настройку и возможности этого модуля сможете прочитать здесь. К тому же, стандартный компонент в Joomla для реализации обратной связи не обладает достаточной гибкостью и не позволяет использовать защиту от спама (капчу), а также не позволяет создавать несколько разных контактных форм на сайте.

Эти проблемы решаются с помощью альтернативного компонента для этого движка под названием aiContactSafev, который позволяет создавать на сайте любое количество форм обратной связи (можно привязать их к разным E-mail адресам) и имеет возможность добавлять поле для загрузки файлов, равно как и любые другие типы полей.

В нем осуществляется проверка на правильность заполнения полей с выдачей сообщений об ошибках, а также aiContactSafev хранит архив всех отправленных данных и позволяет его просмотреть из админки Джумлы.

Этот компонент в своем составе имеет очень гибко настраиваемую капчу (ввод кода при отправке данных для зашиты от спама). Его можно бесплатно скачать для разных версий Джумла, а прочитать про его настройку вы сможете тут.

Теперь давайте поговорим за WordPress. Лично я пока еще не определился с этим и у меня на странице контактов красуется обычный E-mail, что в общем-то не очень здорово, ибо он уже давно попал в спам-базу, и если бы я не сумел привязать почту для домена через Google Apps к обычному ящику в Гмайле, то поток спама меня бы уже давно захлестнул с головой.

Но спаморезка Гугловской почты работает хорошо и даже чересчур хорошо, ибо и ваши письма, уважаемые читатели, иногда попадают под ее горячую руку, за что, пользуясь моментом, приношу свои извинения.

В общем-то в этом и состоит основное преимущество формы обратной связи — она позволяет сохранить инкогнито вашего почтового адреса для спамеров. Ну и еще она обычно оформлена в довольно приятную оболочку, что может добавить плюсик в отношении к вашему проекту пользователей, особенно это актуально для коммерческих ресурсов, когда удобная форма заказа или обратной связи может повысить конверсию (доход).

Собственно, по поводу WordPress. Есть один очень популярный и очень мощный плагин, который зовется Contact Form 7. Популярность его просто зашкаливает, а это значит, что что-то в нем такое есть. Правда для реализации функции капчи вам придется поставить еще дополнительный плагин Really Simple CAPTCHA.

Форму обратной связи можно будет вставить на любую страницу или в любой пост вашего блога на WordPress, а также в виджет. Фактически это своеобразный конструктор для WordPress, позволяющий обновлять информацию в форме без обновления страницы (на технологии ajax). Лично я испытывал этот плагин на KtoNaNovenkogo.ru примерно пару лет назад, и тогда он мне показался очень тяжелым и неуместно громоздким для реализации стоящих передо мною целей (обратная связь).

Понятно, что за это время Contact Form 7 мог стать уже гораздо более подходящим для реализации стоящих перед нами задач и поэтому предлагаю вам опробовать его в работе самостоятельно, опираясь на довольно подробное описание. Если вы пользуетесь каким-либо другим хорошим и легким плагином, то чиркните, пожалуйста, об этом пару слов в комментариях.

Так, это мы говорили про реализацию обратной связи в Joomla и WordPress с помощью соответствующих расширений.

Но существует еще несколько способов:

  1. Создание формы самостоятельно. Для этого нужно будет написать ее код и оформить внешний вид с помощью Css стилей, а еще написать на Php для нее обработчик (в принципе, знаний, полученных из видеокурса Попова по Php, будет достаточно) и затем добавить капчу, проверку правильность заполнения полей и что-то еще. Сразу скажу, что сделать это будет не просто.

    Все у того же Евгения Попова есть серия бесплатных уроков на его блоге, посвященных самостоятельному созданию обратной связи для сайта:

    1. Собственно, создание формы
    2. Задание ее внешнего вида
    3. Проверка правильности заполнения полей
    4. Проверка правильности ввода e-mail
    5. Создание полей для загрузки файлов
    6. Форма обратной связи без перезагрузки (Часть 1, 2, 3, 4)

    Как вы можете видеть, знаний и времени потребуется довольно много. Поэтому можно будет для ускорения воспользоваться уже готовыми скриптами или же онлайн конструкторами и генераторами форм.

  2. В интернете можно найти довольно много скриптов различных форм — от самых простых (однако, требующих от вашего хостинга поддержку Php) до очень навороченных, которые устанавливаются на сайт подобно полноценной CMS и требуют для своей работы не только поддержку PHP, но и базы данных.

    Данные скрипты можно будет установить и использовать практически для любого проекта — как статического (на Html), так и динамического (на Cms). В общем-то, довольно-таки удобный и универсальный инструмент, но вам придется, скорее всего, перебрать много вариантов, чтобы найти что-то подходящее именно вам.

  3. Онлайн конструкторы и генераторы скриптов обратной связи. В несколько шагов мастера вы сможете настроить внешний вид вашей будущей формы и получить ее код для установки на свой сайт. Правда это будет только Html часть кода, а обработчик на Php вам придется использовать свой. Но есть онлайн сервисы, которые предлагают использовать для этого сторонние обработчики, расположенные на их сервере.

Php скрипты форм обратной связи для сайта

Итак, давайте рассмотрим сначала несколько скриптов, которые можно бесплатно скачать и установить на свой сайт. Простенький, но довольно наглядный вариант (использующий капчу для защиты от спама) можно будет бесплатно скачать отсюда. Есть вариант обратной связи:

Там и форма заказа для сайта:

Он представляет из себя архив, содержащий в себе папку, которую нужно будет скопировать в корневую директорию своего сайт (или в любую другую). Далее на странице с контактами вы указываете ссылку с прописанным в ней путем до файла «index.php» из папки «sendmail». Для моего блога это было бы примерно так:_http://ktonanovenkogo.ru/sendmail/index.php (если бы я скопировал каталог со скриптом в корневую папку).

Настройки осуществляются с помощью редактирования содержимого файла «config.php» из директории «sendmail»:

В первой строчке вы указываете адрес почтового ящика, на который будут приходить письма, отправленные с помощью этой формы, а во второй строчке указываете желаемую кодировку текста (utf 8, windows 1251). В ряде последних строчек Php кода вы сможете поменять подписи к полям формы обратной связи или заказа. Вот и все.

Данная форма хорошо отлажена и работает стабильно, но вот ее внешний вид, возможно, покажется кому-то слишком спартанским. Лично мне очень нравятся варианты, где с помощью ajax выводятся сообщения об ошибках заполнения полей и об успешной отправке сообщения. Такие формы не требуют для этого перезагрузки страницы и производят очень приятное впечатление на посетителей.

Существует довольно привлекательный скрипт под названием Super AJAX Contact Form (можно использовать его и для заказа), построенный на основе PHP и jQuery с использованием Ajax:

Скачать его можно будет отсюда. Правда все надписи в полях будут англоязычными, но вы потом всегда сможете поменять их на русские, внося изменения в соответствующий файл скрипта и используя Google translate при необходимости. Но можно сразу скачать уже переведенную версию скрипта.

Установка его на сайт ничем не отличается от описанной ранее и заключается в копировании папки со скриптом в корень, а на странице контактов останется только прописать ссылку до файла «index.php» (для моего блога:_http://ktonanovenkogo.ru/code/index.php).

Настройки формы обратной связи производятся в файле «\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.

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

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

Есть еще один очень похожий по функционалу генератор форм обратной связи. Созданные с помощью него конструкции тоже можно будет размещать на хостингах без поддержки Php (достаточно указать адрес страницы и E-mail, на который будут отправляться сообщения). Рассказывать про него много я не буду, ибо он по своей сути очень похож на описанный чуть выше конструктор.

Буду признателен, если воспользуетесь кнопочками:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

mega-eworld.com

Онлайн сервисы в помощь вебмастеру

Онлайн сервисы в помощь вебмастеру

          В процессе работы по созданию веб-сайта постоянно возникают самые различные вопросы и проблемы: как уменьшить изображение, как сделать иконку для сайта (фавикон), где взять скрипты и так далее и тому подобное. Все решения можно найти на бесплатных онлайн сервисах в интернете. Здесь мы перечислим только малую часть из этих полезных ресурсов для вебмастера.

          Бесплатный сервис xml-sitemaps.com для онлайн генерации карты сайта. Генератор создает карты сайта в различных форматах. До 500 страниц бесплатно. Необходимо только указать веб адрес сайта. Карта сайта облегчает индексацию в различных поисковых системах, помогает повысить рейтинг сайта.

          Бесплатный сервис для создания красивых логотипов и кнопок для сайта cooltext.com. Десятки самых разнообразных шаблонов, от простых до анимированных и объемных. Чтобы создать логотип, просто введите текст в форму и задайте желаемые параметры. Результат можно скачать напрямую или в форме HTML кода. Ресурс просит в благодарность размещать его логотип на своем сайте.

          Генератор фонов для сайта bgpatterns.com. На сайте вы найдете не сложный редактор. Большой выбор текстур, базовых рисунков. Можно использовать свои личные фотографии или рисунки. Затем все это посредством простой процедуры обрабатывается и превращается в оригинальный, изысканный фон, который можно использовать для страниц своего сайта.

          «Гифовина» gifovina.ru. Русскоязычный онлайн редактор для создания анимированных баннеров, иконок. Сервисов по созданию анимации Gif  онлайн достаточно много, при желании можно найти и получше «Гифовины».

          Бесплатный сервис для создания меню навигации izzymenu.com. Можно выбрать из комплекта шаблонов понравившийся вариант меню и отредактировать по своему вкусу и нуждам. Полезная функция, если ваш конструктор сайтов не создает меню навигации. Дополнительно предлагаются бесплатные шаблоны сайтов. Конструктор сайтов с движком. Но, это уже платная услуга.

          Бесплатный ресурс для поиска битых, нерабочих ссылок на вашем сайте dead-links.com. Битые ссылки мало того, что уносят вес сайта, так еще и мешают продвижению в поисковых системах Вашего сайта. Поэтому нужно регулярно тестировать сайт на присутствие битых ссылок и вовремя их удалять.

          Наконец, ресурс, предоставляющий целый комплекс разнообразных возможностей для веб мастеров tools.dynamicdrive.com. В наличии оптимизатор изображений, Gif-аниматор, генератор фавиконов, создание меню. А также много других полезных функций.

          Конечно, не нужно забывать о сервисе по созданию формы обратной связи, у нас есть бесплатный и очень хороший генератор почтовой формы.

 

Юлия

Здравствуйте, я установила на мой сайт на страницу код формы обратной связи, но почему то форма обратной связи не работает, отсутстует проверочный код. Пожалуйста, помогите мне, если это возможно. Заранее спасибо.

Семён

Очень удобный сервис

Олег

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

ADMIN

Уважаемые Юлия и Олег, а также другие пользователи у кого возникли трудности при подключении и использовании нашей формы обратной связи, напишите свои вопросы через контактную форму и помощь придет!

Семён, спасибо за отзыв!

Иван

супер! вы меня спасли! побольше бы такихсайтов как этот

Марина

Спасибо за форму. Как изменить адрес почты уже зарегистрированной формы на том же сайте?

Алексей

Здравствуйте! Скажите пожалуйста как изменить E-mail, чтобы поста приходила на другой адрес?

Алена

Ваша форма не принемает, почту яндекс, пишет ошибка в почте. И вопрос? Как можно поменять адрес на уже установленной почте. С уважением, Ваш постоянный пользователь.

Admin

Наша форма принемает любой ПРАВИЛЬНЫЙ e-mail. Смена e-mail возможна только в ручном режиме. Напишите запрос через форму обратной связи.

Андрей

Здравствуйте! На моем сайте вместо каптчи написано "форма обратной связи" - гиперссылка на ваш сайт. Скажите пожалуйста, как исправить?

Екатерина

Добрый день! Загрузила на свой сайт вашу форму обратной связи , указала свой почтовый ящик, а письма на него мне не приходят, почему такое может быть?

Алексей

Здравствуйте. Подскажите пожалуйста, как установить сайт на локалхост из бэкапа. Скачал с хоста бэкап на Денвер и (по инструкции) не могу запустить. Вылазиеют иероглифы.

Админ

Если "Вылазиеют иероглифы" поменяйте кодировку. Вот так коротко ответил, какой вопрос такой и ответ. Хотя и не по теме.

Topher

What an awesome project! I used to love the science fairs when I was growing up, making little models of one thing or another. Very cool! And this is an idea I do8#1n2&7;t think I would have come up with, so great job!

Lavigne

I’ve read some good stuff here. Certainly worth bonmkarkiog for revisiting. I surprise how much effort you put to make such a excellent informative web site.

formm.ru

Обратная связь для сайта с помощью скриптов форм на Html и Php, а так же онлайн конструкторов и генераторов

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу поговорить о способах создания форм обратной связи, заказа, контактных и других типов, которые могут понадобиться вебмастеру для организации удобной коммуникации со своими посетителями или клиентами.

Понятно, что при использовании Joomla и WordPress вопрос обратной связи или заказа можно решить использованием различных расширений или плагинов, но есть способы, которые подойдут абсолютно для любого проекта, построенного как на чистом Html, так и использующего движок Cms (скрипты, cms, конструкторы и генераторы форм обратной связи).

Для работы классической формы в Html требуется скрипт обработчика, который чаще всего пишется на языке Php, поэтому желательно, чтобы ваш хостинг имел его поддержку (правда, сейчас даже бесплатные хостинги поддерживают Php).

Хотя, существуют решения и не требующие поддержки Php, и о них тоже будет упомянуто в этой статье. Никаких особо подробных описаний по установке и настройке в этой статье не будет, ибо это лишь обзор имеющихся вариантов, которые сейчас можно найти в сети.

Буду вам крайне признателен, если вы в комментариях приведете свой пример создания систем обратной связи (желательно оригинальный, красивый и функциональный) со ссылкой на описание и страницу с примером (я пока нахожусь в процессе поиска идеального решения).

Формы обратной связи для Joomla и WordPress

Давайте посмотрим, как можно организовать обратную связь в Joomla и WordPress стандартными средствами или с помощью расширений.

В Джумле уже по умолчанию имеется бесплатный компонент «Контакты», реализующий данный функционал, о настройках которого вы можете прочитать по приведенной ссылке. Как правило, в дистрибутив этого движка по умолчанию включают самые стабильные расширения, но не всегда самые функциональные. Да и разработчики расширений для Joomla не спят и периодически появляются новые более функциональные решения.

Так вы можете скачать отдельный модуль обратной связи для Джумлы под названием Rapid Contact, который может дать вам новые возможности и функционал (см. демо). Про настройку и возможности этого модуля сможете прочитать здесь. К тому же, стандартный компонент в Joomla для реализации обратной связи не обладает достаточной гибкостью и не позволяет использовать защиту от спама (капчу), а также не позволяет создавать несколько разных контактных форм на сайте.

Эти проблемы решаются с помощью альтернативного компонента для этого движка под названием aiContactSafev, который позволяет создавать на сайте любое количество форм обратной связи (можно привязать их к разным E-mail адресам) и имеет возможность добавлять поле для загрузки файлов, равно как и любые другие типы полей.

В нем осуществляется проверка на правильность заполнения полей с выдачей сообщений об ошибках, а также aiContactSafev хранит архив всех отправленных данных и позволяет его просмотреть из админки Джумлы.

Этот компонент в своем составе имеет очень гибко настраиваемую капчу (ввод кода при отправке данных для зашиты от спама). Его можно бесплатно скачать для разных версий Джумла, а прочитать про его настройку вы сможете тут.

Теперь давайте поговорим за WordPress. Лично я пока еще не определился с этим и у меня на странице контактов красуется обычный E-mail, что в общем-то не очень здорово, ибо он уже давно попал в спам-базу, и если бы я не сумел привязать почту для домена через Google Apps к обычному ящику в Гмайле, то поток спама меня бы уже давно захлестнул с головой.

Но спаморезка Гугловской почты работает хорошо и даже чересчур хорошо, ибо и ваши письма, уважаемые читатели, иногда попадают под ее горячую руку, за что, пользуясь моментом, приношу свои извинения.

В общем-то в этом и состоит основное преимущество формы обратной связи — она позволяет сохранить инкогнито вашего почтового адреса для спамеров. Ну и еще она обычно оформлена в довольно приятную оболочку, что может добавить плюсик в отношении к вашему проекту пользователей, особенно это актуально для коммерческих ресурсов, когда удобная форма заказа или обратной связи может повысить конверсию (доход).

Собственно, по поводу WordPress. Есть один очень популярный и очень мощный плагин, который зовется Contact Form 7. Популярность его просто зашкаливает, а это значит, что что-то в нем такое есть. Правда для реализации функции капчи вам придется поставить еще дополнительный плагин Really Simple CAPTCHA.

Форму обратной связи можно будет вставить на любую страницу или в любой пост вашего блога на WordPress, а также в виджет. Фактически это своеобразный конструктор для WordPress, позволяющий обновлять информацию в форме без обновления страницы (на технологии ajax). Лично я испытывал этот плагин на KtoNaNovenkogo.ru примерно пару лет назад, и тогда он мне показался очень тяжелым и неуместно громоздким для реализации стоящих передо мною целей (обратная связь).

Понятно, что за это время Contact Form 7 мог стать уже гораздо более подходящим для реализации стоящих перед нами задач и поэтому предлагаю вам опробовать его в работе самостоятельно, опираясь на довольно подробное описание. Если вы пользуетесь каким-либо другим хорошим и легким плагином, то чиркните, пожалуйста, об этом пару слов в комментариях.

Так, это мы говорили про реализацию обратной связи в Joomla и WordPress с помощью соответствующих расширений.

Но существует еще несколько способов:

  1. Создание формы самостоятельно. Для этого нужно будет написать ее код и оформить внешний вид с помощью Css стилей, а еще написать на Php для нее обработчик (в принципе, знаний, полученных из видеокурса Попова по Php, будет достаточно) и затем добавить капчу, проверку правильность заполнения полей и что-то еще. Сразу скажу, что сделать это будет не просто.

    Все у того же Евгения Попова есть серия бесплатных уроков на его блоге, посвященных самостоятельному созданию обратной связи для сайта:

    1. Собственно, создание формы
    2. Задание ее внешнего вида
    3. Проверка правильности заполнения полей
    4. Проверка правильности ввода e-mail
    5. Создание полей для загрузки файлов
    6. Форма обратной связи без перезагрузки (Часть 1, 2, 3, 4)

    Как вы можете видеть, знаний и времени потребуется довольно много. Поэтому можно будет для ускорения воспользоваться уже готовыми скриптами или же онлайн конструкторами и генераторами форм.

  2. В интернете можно найти довольно много скриптов различных форм — от самых простых (однако, требующих от вашего хостинга поддержку Php) до очень навороченных, которые устанавливаются на сайт подобно полноценной CMS и требуют для своей работы не только поддержку PHP, но и базы данных.

    Данные скрипты можно будет установить и использовать практически для любого проекта — как статического (на Html), так и динамического (на Cms). В общем-то, довольно-таки удобный и универсальный инструмент, но вам придется, скорее всего, перебрать много вариантов, чтобы найти что-то подходящее именно вам.

  3. Онлайн конструкторы и генераторы скриптов обратной связи. В несколько шагов мастера вы сможете настроить внешний вид вашей будущей формы и получить ее код для установки на свой сайт. Правда это будет только Html часть кода, а обработчик на Php вам придется использовать свой. Но есть онлайн сервисы, которые предлагают использовать для этого сторонние обработчики, расположенные на их сервере.

Php скрипты форм обратной связи для сайта

Итак, давайте рассмотрим сначала несколько скриптов, которые можно бесплатно скачать и установить на свой сайт. Простенький, но довольно наглядный вариант (использующий капчу для защиты от спама) можно будет бесплатно скачать отсюда. Есть вариант обратной связи:

Там и форма заказа для сайта:

Он представляет из себя архив, содержащий в себе папку, которую нужно будет скопировать в корневую директорию своего сайт (или в любую другую). Далее на странице с контактами вы указываете ссылку с прописанным в ней путем до файла «index.php» из папки «sendmail». Для моего блога это было бы примерно так:_http://ktonanovenkogo.ru/sendmail/index.php (если бы я скопировал каталог со скриптом в корневую папку).

Настройки осуществляются с помощью редактирования содержимого файла «config.php» из директории «sendmail»:

В первой строчке вы указываете адрес почтового ящика, на который будут приходить письма, отправленные с помощью этой формы, а во второй строчке указываете желаемую кодировку текста (utf 8, windows 1251). В ряде последних строчек Php кода вы сможете поменять подписи к полям формы обратной связи или заказа. Вот и все.

Данная форма хорошо отлажена и работает стабильно, но вот ее внешний вид, возможно, покажется кому-то слишком спартанским. Лично мне очень нравятся варианты, где с помощью ajax выводятся сообщения об ошибках заполнения полей и об успешной отправке сообщения. Такие формы не требуют для этого перезагрузки страницы и производят очень приятное впечатление на посетителей.

Существует довольно привлекательный скрипт под названием Super AJAX Contact Form (можно использовать его и для заказа), построенный на основе PHP и jQuery с использованием Ajax:

Скачать его можно будет отсюда. Правда все надписи в полях будут англоязычными, но вы потом всегда сможете поменять их на русские, внося изменения в соответствующий файл скрипта и используя Google translate при необходимости. Но можно сразу скачать уже переведенную версию скрипта.

Установка его на сайт ничем не отличается от описанной ранее и заключается в копировании папки со скриптом в корень, а на странице контактов останется только прописать ссылку до файла «index.php» (для моего блога:_http://ktonanovenkogo.ru/code/index.php).

Настройки формы обратной связи производятся в файле «\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.

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

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

Есть еще один очень похожий по функционалу генератор форм обратной связи. Созданные с помощью него конструкции тоже можно будет размещать на хостингах без поддержки Php (достаточно указать адрес страницы и E-mail, на который будут отправляться сообщения). Рассказывать про него много я не буду, ибо он по своей сути очень похож на описанный чуть выше конструктор.

Буду признателен, если воспользуетесь кнопочками:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

mega-eworld.com