Форма обратной связи без плагинов

Здравствуйте, дорогие читатели моего блога!

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

Раньше форма обратной связи на моем блоге была реализована при помощи двух плагинов.

Это плагин, добавляющий контактную форму на блог, под названием «Contact form 7».

И в совокупности с ним плагин — «Really simple captcha», добавляющий капчу для созданной формы.

О создании формы при помощи этих двух плагинов я писал в этой статье.

В последнее время я стараюсь ускорить работу своего блога, в недавних постах «Как ускорить wordpress» и «Как сменить хостинг» я писал об этом.

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

Но ненужными они становятся только в том случае, если мы сможем найти им альтернативную замену.

Как раз такое решение я нашел, установив на блог обратную связь без плагинов.

Кстати, я планирую отключить еще некоторые плагины на блоге и опубликовать подробные инструкции о том, как это сделать.

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

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

Форма обратной связи без плагинов, при помощи php

На своем блоге я поставил обратную связь Super AJAX Contact Form, наблюдать ее Вы можете, перейдя по этой ссылке.

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

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

Скачать Super AJAX Contact Form можно по этой ссылке (внизу страницы нужно нажать «Download Now»).

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

Чтобы русифицировать текст, нужно заменить некоторые записи в файле index.php. а также в файле config.php, который расположен в каталоге xml (assets\xml).

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

Любую из версий Super AJAX Contact Form необходимо настроить, а именно прописать адрес электронной почты, на которую будут отправляться сообщения.

Для этого необходимо открыть файл config.php и заменить e-mail, указанный в файле, на свой:

Также здесь между тэгами <charset> </charset> изменить кодировку «iso-8859-1» на «utf-8» (в русифицированной версии кодировка уже изменена).

Далее в файле index.php необходимо заменить кодировку «UTF-8» на «windows-1251».

 

Теперь нам остается каталог с файлами формы поместить в корень блога. Я его переименовал в «code».

Все, установка формы закончена. Чтобы ее увидеть, нужно вставить ссылку в любое место блога на файл index.php. На моем блоге ссылка выглядит так:

http://asbseo.ru/code/index.php

P.S. Не забудьте запретить индексацию папки «Code» в файле robots.txt.

Можете также посмотреть подробный видеоурок по

настройке Super AJAX Contact Form:

Еще одна форма обратной связи php

Есть еще подобные формы обратной связи. Одну из них можно скачать здесь.

Выглядит она так:

Она уже на русском языке. Настройки очень просты.

В файле config.php необходимо заменить адрес электронной почты и указать кодировку текста (utf-8, windows 1251).

Установка аналогична предыдущей форме.

Форма обратной связи html, создаваемая при помощи конструктора.

Для работы двух предыдущих форм требуется наличие поддержки «PHP».

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

Один из таких онлайн-конструкторов обратной связи (ip-whois) Вы можете посмотреть на этой странице.

Готовая форма будет выглядеть примерно так:

Здесь Вам предложат создать ее всего за три шага:

1. Настройка. Настроить можно поля, цвета, текст.

2. Разместить с генерированный конструктором код на странице Вашего сайта.

3. Указать адрес сайта и адрес электронной почты, на который будут отправляться письма.

Конечно, дизайн здесь не суперский, но это лучше, чем использовать немереное количество плагинов на блоге.

Еще одна форма обратной связи html

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

Здесь все аналогично предыдущему конструктору. Перечислю основные его плюсы:

— бесплатный генератор;

— настраиваемый дизайн;

— отсутствие нежелательной почты;

— работа на любом хостинге;

— помощь при настройке.

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

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

На этом у меня все.

С уважением, Александр Бобрин

Поделись с друзьями: