Создание формы обратной связи для сайта wordpress без плагина

форма обратной связи для сайта wordpress без плагина Преимущества создания формы обратной связи wordpress без плагина для сайта очевидны:

НЕ НАГРУЖАЕТ блог;

УСТАНОВИТЬ можете на нужной вам странице (у меня она установлена на странице Об авторе).

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

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

СОЗДАЙТЕ текстовый документ у себя на компьютере, можно пустой.

СОХРАНИТЕ его в формате php (СОХРАНИТЬ КАК). Дайте ему название, например, mail.php.

Ниже на рисунках приведены правильный и неправильный варианты создания файла mail.php.

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

ПОМЕСТИТЕ mail.php в архив с вашей темой, который находится в папке public_html - wp-content - themes - ваша тема WordPress.

СТАТЬИ ПО ТЕМЕ:

Как сделать, изменить wordpress главную страницу

Html выделить текст цветом (фон), рамкой

Отложенная, запланированная публикация WordPress

Сделать это можете двумя способами.

Ftp перемещение файлов php на сервере

ОТКРОЙТЕ программу filezilla - УСТАНОВИТЕ соединение. Как это сделать, я писала вот здесь. Бекап сделайте обязательно.

Найдите на хостинге файл с темой, скопируйте файл mail.php в папку с вашей темой Wordpress

закачать на сервер

Закачка файла php через файловый менеджер

ЗАЙДИТЕ через админпанель хостинга а ФАЙЛОВЫЙ МЕНЕДЖЕР - public_html - ваш домен - wp-content -
themes - ваша тема.

ЗАГРУЗИТЕ файл php в текущую директорию. Выберите файл на компьютере - Загрузить файлы.

загрузить через хостинг

ФАЙЛ mail.php найдите в админке блога, если все сделали правильно. Зайдите во ВНЕШНИЙ ВИД - РЕДАКТОР вашей темы WordPress.

файл mail.php в редакторе темы
код отображается неправильно

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

<meta http-equiv='refresh' content='3;
url=http://страница, где расположена форма/'></meta>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<?php
if (isset($_POST['name'])) {$name = $_POST['name'];}
if (isset($_POST['email'])) {$email = $_POST['email'];}
if (isset($_POST['sub'])) {$sub = $_POST['sub'];}
if (isset($_POST['body'])) {$body = $_POST['body'];}
$address = "ваш емайл";
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
$send = mail ($address,$sub,$mes,"Content-type:text/plain; 
charset = UTF-8\r\nFrom:$email");
if ($send == 'true')
{
echo "Сообщение отправлено, спасибо. Через 3 секунды 
Вы вернетесь на страницу.";
}
else
{
echo "Сообщение не отправлено, проверьте правильность заполнения полей 
и попробуйте снова";
}
?>

ЗАМЕНИТЕ слова название вашей темы на НАЗВАНИЕ ВАШЕЙ ТЕМЫ. У меня это, к примеру, zeesynergie.

Не забудьте сохранить.

ВСТАВЬТЕ этот код страницу, где будет расположена контактная форма обратной связи

<form name="MyForm" action="/wp-content/themes/название вашей 
темы/mail.php" method="post">

<p><input name="name" type="text" style="width:31%" 
value="Ваше имя" onfocus="if(this.value==this.defaultValue)this.value='';" 
onblur="if(this.value=='')this.value=this.defaultValue;" /></p>

<p><input name="email" type="text" style="width:31%" 
value="Эл. почта" onfocus="if(this.value==this.defaultValue)this.value='';" 
onblur="if(this.value=='')this.value=this.defaultValue;" /></p>

<p><input name="sub" type="text" style="width:31%" 
value="Тема" onfocus="if(this.value==this.defaultValue)this.value='';" 
onblur="if(this.value=='')this.value=this.defaultValue;" /></p>

<p><textarea name="body" cols="1" rows="5" 
style="width:98%" onfocus="if(this.value=='Текст сообщения'){this.value=''};" 
onblur="if(this.value=='')
{this.value='Текст сообщения'}" >Текст сообщения</textarea></p>

<p><input value="Отправить сообщение автору блога" type="submit" /></p>

</form> 

ОТРЕДАКТИРУЙТЕ код, ЗАМЕНИТЕ слова страница, где расположена форма, адресом вашей страницы, а слова Ваш емайл - вашим emal адресом.

Все сохраните.

ЗАЙДИТЕ на блог и проверьте работоспособность вашей новой формы обратной связи для сайта, созданной без плагина.

Поделитесь в комментариях, все ли у вас получилось.

P.S. Сейчас требования к форме обратной связи на сайтах ужесточились. Роскомнадзор требует, чтобы форма содержала поле, где посетитель мог бы поставить галочку и подтвердить свое согласие для сбора данных о нем. Есть примеры назначение штрафов компаниям за использование формы обратной связи без соглашения о конфиденциальности. Поэтому лучше использовать плагин.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментариев: 5
  1. Ирина Буренина

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

    1. Ольга (автор)

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

  2. Лебедев

    Сейчас такие формы опасно публиковать, политика конфиденциальности. Надо, чтобы пользователи знали о сборе информации.

    1. Ольга (автор)

      Да, нужно указывать политику конфиденциальности. Для создания формы обратной связи воспользуйтесь плагином Contact Form 7.

  3. Дмитрий

    Пользуюсь плагином для обратной связи от сервиса Formdesigner. Удобная настройка,не грузит блог, защита есть.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: