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

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

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

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

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

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

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

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

неправильно

неправильно

правильно

правильно

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

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

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

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

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

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

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

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

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


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

<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. Сейчас требования к форме обратной связи на сайтах ужесточились. Роскомнадзор требует, чтобы форма содержала поле, где посетитель мог бы поставить галочку и подтвердить свое согласие для сбора данных о нем. Есть примеры назначение штрафов компаниям за использование формы обратной связи без соглашения о конфиденциальности.

Метки:

Создать сайт на WordPress

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

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

  • Ирина Буренина:

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

    • Ольга:

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

  • Лебедев:

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта