Форма обратной связи с отправкой письма в Вконтакте

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

Посмотрите ролик, в котором я достаточно подробно объясняю как это делается.

Ссылки, которые необходимы для создания формы:

Ссылка на Developer Вконтакте – https://vk.com/dev
Файлы формы – https://yadi.sk/d/1U13Lgz63Tzi5U

Вот что вам нужно :

  1. Скачать файл с готовым кодом или перенести вот это код себе в документ.

Для файла index.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="sendform.php" method="post">
<input type="text" name="name" placeholder="Введите имя"><br>
<input type="text" name="surname" placeholder="Введите фамилию"><br>
<input type="text" name="phone" placeholder="Введите телефон"><br>
<input type="text" name="email" placeholder="Введите email"><br>
<input type="submit">
</form>
</body>
</html>

Код для файла sendform.php

<?php
$name = $_POST['name']; // input name
$surname = $_POST['surname']; // input surname
$phone = $_POST['phone']; // input phone
$email = $_POST['email']; // input phone

$message = "Новый заказ на сайте".PHP_EOL."Имя: ".$name.PHP_EOL."Фамилия: ".$surname.PHP_EOL."Телефон: ".$phone.PHP_EOL."Email: ".$email; //Обрабатываем данные из формы, для передачи их в письме PHP_EOL - это перенос на другую стороку

send(здесь_мы_вписываем_id_диалога ,$message); // id беседы с заказчиком

function send($id , $message) {
$url = 'https://api.vk.com/method/messages.send';
$params = array(
'user_id' => $id, // Кому отправляем
'message' => $message, // Что отправляем
'access_token' => 'Сюда_вписываем_токен',
'v' => '5.62',
);

$result = file_get_contents($url, false, stream_context_create(array(
'http' => array(
'method' => 'POST',
'header' => 'Content-type: application/x-www-form-urlencoded',
'content' => http_build_query($params)
)
)));
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Отправка формы</title>
</head>
<body>
<div class="loader">
<div class="center">
<h1 style="text-align: center;">Всё ок!</h1>
</div>
</div>
</body>
</html>

Код для файла token.php

<?php
$client_id = 'id_приложения';
$scope = 'offline,messages';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="https://oauth.vk.com/authorize?client_id=<?=$client_id;?>&display=page&redirect_uri=https://oauth.vk.com/blank.html&scope=<?=$scope;?>&response_type=token&v=5.37">Получить токен</a>
</body>
</html>

2) Далее нужно перейти на сайт Developer Вконтакте и создать там новое приложение.

3) Создав новое приложение мы меняем в нашем коде данные, которые были перечислены в видео: id приложения, token, id диалога в котором будут появляться сообщения из формы.

На этом всё. Если вам интересна данная тема , переходите по ссылки на мой канал, там есть много роликов по теме программирования и вёрстки. Там я пытаюсь все объяснить доступным для всех языком, а если не понятно, вы можете задать свои вопросы в комментариях.

Если у вас есть вопросы, пишите их в нашей группе – https://vk.com/prog_time В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.

Так же прокачивайте свой навык на практике на нашем канале

https://www.youtube.com/channel/UCF_m4pWmG7zor1hHBCf_PqA

Рекомендованные

 

Вам также будет интересно

 

comments powered by HyperComments