Вы здесь

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

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

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

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

Для того, что бы создать форму обратной связи без плагинов, не обязательно быть «Гуру» в программировании и знать языки PHP и HTML, достаточно просто иметь представление о них и мало-мальски пользоваться интернетом. И первое, что мы рассмотрим, так это:

1. Simple Send Mail — html форма обратной связи со встроенной капчей. Скачать ее можно с официального сайта. Установка ее займет 2-3 минуты. Но перед тем как заняться ее установкой, для начала следует внести изменения в файл config.php, а именно указать E-mail адрес получателя и изменить кодировку:

html-forma-связи

Далее папку с исправленными файлами необходимо скопировать в корневую папку блога, предварительно запретив ее индексацию в файле Robots.txt.

Disallow: /sendmail-zakaz

После всех этих действий, у себя на блоге или сайте можете наблюдать html форму

html форма обратной связи для wordpress

2. Super AJAX Contact Form. Очень удобная форма, так как она сразу сообщает об ошибочном заполнении полей. Руссифицированный Super AJAX Contact Form можно скачать по этой ссылке.

Super AJAX Contact Form

Как и любая другая html форма обратной связи без плагина требует внесения в код изменений, а именно написать E-mail адрес, на который будут приходить сообщения. Для этого в скачанном архиве перейдите по указанному ниже адресу и внесите изменения в файл config.php:

code\assets\xml\config.php

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

А так же, не забудьте о том, что папку с файлами необходимо запретить в файлеRobots.txt:

Disallow: /code

Посмотрите обучающее видео, которое даст ответ на все вопросы касающиеся проблем установки Super AJAX Contact Form:

3. Создание HTML формы обратной связи с элементами PHP. Для этого, необходимо, скачать этот архив с необходимыми файлами. Далее, откройте файлOptions.php и отредактируйте в нем следующие строки:

1. $address = «ваш e-mail адрес»; — укажите свой

2. <a href='http://адрес_вашего_сайта'><font size='+1'>Имя_сайта</font></a>-впишите адрес и имя сайта

3. <img src='http://адрес_вашего_сайта/img/message.jpg'> — укажите адрес блога или сайта

4. <p><div align='right'><i><b>C уважением, Ваш Ф.И.</b></i></div> — Вписать инициалы

Далее переходим к файлу forma.txt, там следует изменить следующие строки:

<form action="http://адрес_блога_или_сайта/options.php" method="post">

Теперь скопируйте файл options.php и папку Img в корневую папку ресурса, предварительно поместив в папку, например «CODE». У меня она называется:

public_html/code

html форма обратной связи

А исправленный html код из файла forma.txt скопируйте в то место, где по вашему мнению должна располагаться html форма обратной связи. Данная форма подойдет для любого интернет сайта, но если вы соберетесь устанавливать ее на WordPress блог, то дополнительно следует установить плагин Exec-PHP.

А так же, не забудьте о том, что папку с файлами необходимо запретить в файле Robots.txt:

Disallow: /code

Конструктор Html форм обратной связи без плагинов

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

1. Main-ip.ru. Сервис, который поможет создать форму обратной связи для сайта, а так же поможет проверить параметры ресурса. Здесь достаточно перейти на сайт и нажать на пункт «Генерация html форм обратной связи» и перед вами откроется окно, в котором вы, непосредственно, можете приступить к созданию.

main-ipФорма main-ip

После выбора всех необходимых параметров и ввода проверочной капчи, нажмите на кнопку «Генерировать» и далее на кнопку «Получить код».

main-ip

Теперь можете разместить его на любой странице wordpress блога или сайта.

2. Ip — Whois.net. Это еще один сервис создания html форм обратной связи, который так же генерирует html код, который размещается на сайте или блоге.

ip-whois

Так же как и в предыдущем примере, вам необходимо сначала сконструировать форму, а потом с генерировать код.

html форма обратной связи

Автора автора