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

форма обратной связи для сайта wordpress без плагина Приветствую читателей блога. Количество запросов «форма обратной связи WordPress», которые пользователи вбивают в поисковую строку, достаточно большое. Значит, людей этот вопрос интересует. Сделать ее можно плагином Contact Form 7 и без плагина.

Преимущества создания формы обратной связи 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> 


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

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

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

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

Заключение

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

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

Понравилась статья? Поделиться с друзьями:
Я новичок
Добавить комментарий

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