Доброго часу доби всім Вам, шановні відвідувачі.
Якщо ви користуєтеся сайтами Лендинг пейдж для продажу своїх товарів або послуг то напевно у вас виникали питання, як же можна вести облік своїх продажів в зручній таблиці, тобто як зробити що б у вас був повноцінний список замовлень, який можна аналізувати і керувати ним, а не просто отримувати листи на пошту з замовленнями, які не тільки не зручно аналізувати а ще й часто губляться , потрапляють в спам, приходять з затримкою, або ще якась біда з ними трапиться, і в підсумку ви втрачаєте своїх клієнтів .
І тут на допомогу нам приходять різні CRM системи, підключивши які до вашого сайту ви будете отримувати замовлення в зручну адмін панель, де зможете редагувати замовлення, міняти статуси, аналізувати і т.д ...
У мережі є величезна кількість різних CRM систем, і всіх їх описувати не має сенсу, сьогодні ми поговоримо саме про CRM систему leadvertex.ru , так як я давно з нею працюю.
Але суть статті навіть не в CRM системі, детально про неї ви можете прочитати інформацію на їхньому сайті, сьогодні я хочу надати вам інструкцію з обміну замовлень вашого Лейдінг пейдж і даної CRM методом API.
Зовсім недавно до мене звернувся один з клієнтів якому як раз і набридло обробляти замовлення в поштовій скриньці, добре ще коли 5-10 замовлень, то можна обробити і в пошті, а якщо у вас 50-100 замовлень, а то і більше, ви уявляєте яка тут плутанина виходить ...
Тому я і запропонував йому підключити вищевказану CRM.
Підключити дану систему можна навіть і без API коду leadvertex.ru, дана система може запропонувати Вам скрипт готової форми яку ви вставляєте методом фрейм, але даний метод не дуже то і прийнятний так як фрейм йде такий який надає система і їх форма не завжди підходить під дизайн вашого сайту.
Тому ми будемо використовувати для передачі замовлень з нашого сайту саме API код який нам надає leadvertex.ru , і тоді у нас буде красива форма на сайті саме така як нам потрібно...
Гаразд не ходитиму колами і описувати те що ви і самі знаєте а приступимо до підключення API CRM системи до нашого сайту.
І так, будь-яка форма заявки або замовлення на сайті повинна складатися з двох пунктів, це сама форма яку заповнює клієнт, і сторінка успішного замовлення, заявки яку користувач бачить після успішної її відправки.
Перше що нам потрібно зробити так це налаштувати саму форму заявки, я не буду описувати що і як думаю ви і самі зрозумієте, а просто викладу готові приклади, а ви якщо будуть питання можете в коментарях їх уточнювати.
1 - Форма заявки у мене виглядає так:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<form action="call.php" method="post">
<div><input type="text" name="fio" placeholder="Введіть П.І.Б" required=""></div>
<div><input type="text" name="phone" placeholder="Введіть телефон" required=""></div>
<input type='hidden' name='referer' value='<?=isset($_POST['referer'])?$_POST['referer']:(($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:'');?>'>
<div><input type="hidden" name="price" value="2990 грн."></div>
<div><input type="hidden" name="goodID" value="00000"></div>
<input type="hidden" name="source" class="source" value="<?php echo isset($_GET['utm_source']) ? $_GET['utm_source'] : '' ;?>" />
<input type="hidden" name="term" class="term" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>" />
<input type="hidden" name="medium" class="medium" value="<?php echo isset($_GET['utm_medium']) ? $_GET['utm_medium'] : '' ;?>" />
<input type="hidden" name="content" class="content" value="<?php echo isset($_GET['utm_content']) ? $_GET['utm_content'] : '' ;?>" />
<input type="hidden" name="campaign" class="campaign" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>" />
<div><button></button></div>
</form>
|
Дану форму ви повинні не тупо копіювати а поправити під свої параметри сайту.
call.php - Обробник нашої форми і куди потрапляє клієнт після натискання кнопки відправити (вона ж у нас і сторінка успішного відправлення).
fio - Прізвище Ім'я та По батькові (повинні бути такими ж як і в самому обробнику не міняйте ці значення)
phone - Ну тут зрозуміло Телефон, це значення теж міняти не слід
referer - Вкаже нам адресу звідки прийшов користувач на ваш сайт
price - Ціна зазначеного товару
goodID - ID товару з CRM системи, повинен відповідати доданому товару в самій системі.
source, term, medium, content, campaign - Мітки для посилання
Ну от як би з формою і все, тепер приступимо до самого обробника call.php
2 - Обробник API коду:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<?php
if ($_POST['fio'] && $_POST['phone']) {
$curl = curl_init(); //ініціалізація сеансу
curl_setopt($curl, CURLOPT_URL, 'https://Ваш-логін.leadvertex.ru/api/admin/addOrder.html?token=Ваш-токен'); //урл сайту до якого звертаємося
//curl_setopt($curl, CURLOPT_HEADER, 1); //виводимо заголовки
curl_setopt($curl, CURLOPT_POST, 1); //передача даних методом POST
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); //тепер curl поверне нам відповідь, а не виведе
$postData = array (
'fio'=>$_POST['fio'], //ПІБ
'utm_source' => $_POST['source'], //перша мітка
'utm_term' => $_POST['term'], //друга мітка
'utm_medium' => $_POST['medium'], //третя мітка
'utm_content' => $_POST['content'], //четверта мітка
'utm_campaign' => $_POST['campaign'], //п'ята мітка
'phone'=>$_POST['phone'], //Телефон
'quantity '=>'1', //кількість
'domain'=> $_SERVER['HTTP_REFERER'], //Домен звідки надійшло замовлення
'ip' => $_SERVER[REMOTE_ADDR], //IP адреса
'referer' => $_POST['referer'],//Рефер (звідки прийшов відвідувач)
'price'=> $_POST['price'], //Ціна товару
'goods' => [ //деталі товару
0 => [
'goodID' => $_POST['goodID'], //ID
'quantity' => 1, //кількість
'price' => $_POST['price'] //Ціна
]
],
'searchButton'=>'get' //це на випадок якщо на сайті, до якого звертаємося перевіряється чи була натиснута кнопка submit, а чи не була відправлена форма
);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($postData));
curl_setopt($curl, CURLOPT_USERAGENT, 'MSIE 5'); //ця строчка ніби каже: "я не скрипт, я IE5" :)
curl_setopt ($curl, CURLOPT_REFERER, $_SERVER["HTTP_REFERER"]); //а раптом там перевіряють наявність рефера
$res = curl_exec($curl);
//echo $res;
/*
//якщо помилка то друкуємо номер і повідомлення
if($res)
echo 'Дякуємо! Тобто ми розуміємо, що все ок'; //перед цим його звичайно можна обробити всякими str_replace и т.п.
*/
}
curl_close($curl);
?>
|
Тут я прокоментував кожну строчку тому думаю проблем з цим кодом у вас не виникне.
Що робити з цим кодом? Та все просто, вам потрібно створити файл обробник, в даному випадку call.php і помістити даний код в нього.
Не забудьте поміняти логін і токен в рядку виклику.
З оброблювачем все.
Третім пунктом, як ви вже пам'ятаєте з початку статті я писав що будемо використовувати і обробник і сторінку успішного замовлення в одному і тому ж файлі, значить нам потрібно додати текст повідомлення про успішно залишену заявку чи замовлення.
3 - Сторінка успішного замовлення:
У тому ж файлі call.php нижче під кодом виклику ми вставляємо такий ось простенький код:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Вітаємо! Ваше замовлення прийнято!</title>
<meta name="generator">
<?php header( 'Refresh: 5; url=/' ); ?>
<link type="text/css" rel="stylesheet" href="media/css/style000.css"/>
<div class="wrap_block_success">
<center><img class="susses" src="media/images/crm_ok.png"></center>
<div class="block_success">
<h2>Вітаємо! Ваше замовлення прийнято!</h2>
<p class="success">Найближчим часом з вами зв'яжеться оператор для підтвердження замовлення. Будь ласка, включіть ваш контактний телефон.</p>
</div>
</div>
<div id="send-line-s">
</div>
<style type="text/css">
#send-line-s {background:#017dc0;min-height:53px;color:#fff;padding:10px 0 0 0;position:fixed;width:100%;bottom:0;text-align:center;}
#send-line-s .text {line-height:22px;display:inline-block;text-align:right;vertical-align:middle;padding:0 15px 0 0;}
#send-line-s input[type="text"] {background: #FFF;border:1px solid #10628E;width:260px;height:35px;padding:0 13px;display:inline-block;vertical-align:middle;}
#send-line-s input[type="submit"] {background: #FFC107;border: 1px solid #FF9800;color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: bold;width:119px;height:35px;line-height:35px;display:inline-block;vertical-align:middle;text-align:center;margin:0 0 0 11px;cursor: pointer;}
#send-line-s input[type="submit"]:hover {background: #EAB208;}
#thankyou {font-size: 24px; color: #ffffff;}
</style>
</head>
</body>
</html>
|
Як ви бачите нічого складного в цьому немає, даний код покаже вашому клієнтові якийсь текст в даному випадку привітання, і переадресує через 5 секунд користувача назад на сторінку.
Також ще даний код ми трохи обробили CSS стилями і додали до нього картинку, скачати файл CSS і картинку ви можете нижче під постом.
Ну от як би і все, тепер ви зможете передавати всі свої замовлення в дану CRM систему для подальшої їх обробки.
Файли CSS як і обіцяв прикріплюю сюди.
Користуйтеся на здоров'я, будуть питання пишіть.
Немає коментарів
Ви можете залишити коментар першим.