Google + Группа Вконтакте RSS


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

Дата: 22 апреля 2012 Рубрика: Создание блога Комментарии: 22 комментария

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

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

А также созданная форма обратной связи без плагинов, это хороший способ ускорить блог или сайт, так как лишние плагины не будут его нагружать, а так же это еще один из способов защиты блога, так плагины нужно обновлять. Плюсов много. В рамках этой статьи я рассмотрю как создать 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. Имя_сайта- впишите адрес и имя сайта

3.  — укажите адрес блога или сайта

4.

C уважением, Ваш Ф.И.
 — Вписать инициалы

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

адрес_блога_или_сайта/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 форма обратной связи

А на этом я заканчиваю. Не пропускайте выход новых статей и подпишитесь на обновление блога по E-mail.

С уважением, Дороднов Иван!

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (5 голос, средний: 5,00 из 5)
Loading ... Loading ...
Twitt

 

Навигация

Предыдущая статья: ←

Следующая статья:


Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!





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

  1. Евгений Комиссаров:

    интересно, но те генераторы что ты выложил не работают(

  2. Ivanushkka:

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

  3. Алексей:

    Какой html код вставить на страницу в WordPress, чтобы у меня отображалась форма Super AJAX Contact Form. Все файлы залил на сервер и исправил файл config.php.

  4. Алексей, в статье размещено видео, которое даст ответ на ваш вопрос. Удачи.

  5. Алексей:

    Иванушка, я спрашивал о том, как разместить саму форму не на отдельной пустой странице, а ВСТАВИТЬ в существующую. Например, на страницу «Об авторе».

  6. К сожалению, данная форма обратной сама под себя создает страницу. Вы же только размещаете на эту страницу ссылку.

    Все остальные можно разместить непосредственно на странице.

  7. Никита:

    нужно создать шаблон для этой страницы «об авторе»

  8. Ivanushkka:

    Данная форма, имеет реализацию только на отдельной странице, которую она сама для себя создает.

  9. Феликс Запашный:

    Ещё раз спасибо !!!!!!!!!!!!!!!!!

  10. Nik:

    Всем привет ... поставил вот эту форму — Создание HTML формы обратной связи с элементами PHP номер 3 ... почему то сообщения приходят пустые... заголовки есть а текста нет... в чем проблема ??

  11. Ivanushkka:

    Данная проблема наблюдается в некоторых темах. проблему может решить дополнительно установленный плагин Exec-PHP

  12. Игорь:

    Меня тоже очень интересует этот вопрос: как разместить форму Super AJAX Contact Form на уже существующую страницу html? Пожалуйста, объясните...

  13. Disseo:

    Кодировку нужно менять под свой сайт. Если у вас сайт кодирован с помощью UTF — 8, то и кодировка соответствующая.

  14. Константин:

    Ну расмешили, берете содержимое body (код) из index.html и размещаете на нужной странице. Так же не забываем прописать пути до файлов.

  15. vanyastan:

    Добрый день. Всё делаю по уроку Super AJAX Contact Form но на мыло приходят письма с кравозябрами вместо русского языка. Что и где нужно изменить? 

    Заранее благодарен за подробный ответ. 

  16. vanyastan:

    Всё, разобрался. С хостером проблемы. А в хтмл страницу сайта встраивается легко. Я взял страницу сайта (допустим Контакты) поменял с .html на .php и вставил туда код из index.php всё что находится в тегах

    А так же скопировал пути из

           

                @import url ('assets/css/contact.css');

            .style1 {color: #FFFFFF}

           

           

           

     Всё работает.

  17. Alex_61:

    Во фрейме надо использовать

  18. Eлена:

    Добрый день. Использую Super AJAX Contact Form, все работает, но нужно, чтобы на почту, которую пользователь вписал в форму, отправлялось письмо с уведомлением о заказе. Подскажите, как можно это сделать с Super AJAX Contact Form.

    Заранее благодарна за ответ.

     

  19. Ivanushkka:

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

  20. Вячеслав:

    Здравствуйте. Всё получилось. Но хотел бы вставить форму обратной связи на сайт на главную страницу в «нужное» место. Скопировал с файла index.php То что между тегами

    на свою главную страницу в низу страницы перед

и вставил ещё с файла index.php в свой index.html то что было между тегами

Так вот. Если без этих тегов которые между head то получается графика формы обратной свзязи исчезает и становится всё не графически и непонятно. А если с тегами, то всё нормально, только бекграунд который в форме обратной связи, полоски которые наискось, они у меня заполняют всю мою страницу, а у меня там свой рисунок на заднем фоне. Как убрать задний фон(полоски на искосяк) обратной связи?

  • Ivanushkka:

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

  • Вячеслав:

    Я разобрался. Нужно в css там самая верхняя запись с картинкой заднего фона которая «размножается» на весь фон, просто запись нужно удалить. 

  • Давай! Оставить свой комментарий

    Подписаться:
    Популярные записи:

    Для читателей:

    Книга "Оптимизация"

    Наверх