Доброго часу доби всім Вам, шановні відвідувачі.
Якщо ви користуєтеся сайтами Лендинг пейдж для продажу своїх товарів або послуг то напевно у вас виникали питання, як же можна вести облік своїх продажів в зручній таблиці, тобто як зробити що б у вас був повноцінний список замовлень, який можна аналізувати і керувати ним, а не просто отримувати листи на пошту з замовленнями, які не тільки не зручно аналізувати а ще й часто губляться , потрапляють в спам, приходять з затримкою, або ще якась біда з ними трапиться, і в підсумку ви втрачаєте своїх клієнтів .
І тут на допомогу нам приходять різні 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 як і обіцяв прикріплюю сюди.
Користуйтеся на здоров'я, будуть питання пишіть.
Немає коментарів
Ви можете залишити коментар першим.