Сегодня мы с вами рассмотрим как подключить для своего сайта форму обратной связи которая будет отправлять письма вам в сообщения в Вконтакте. Данная форма обратной связи будет обрабатывать полученные данные и отправлять их вам в сообщения в Вконтакте.
Посмотрите ролик, в котором я достаточно подробно объясняю как это делается.
Ссылки, которые необходимы для создания формы:
Ссылка на Developer Вконтакте — https://vk.com/dev
Файлы формы — https://yadi.sk/d/1U13Lgz63Tzi5U
Вот что вам нужно :
- Скачать файл с готовым кодом или перенести вот это код себе в документ.
Для файла 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 диалога в котором будут появляться сообщения из формы.
На этом всё. Если вам интересна данная тема , переходите по ссылки на мой канал, там есть много роликов по теме программирования и вёрстки. Там я пытаюсь все объяснить доступным для всех языком, а если не понятно, вы можете задать свои вопросы в комментариях.
