Русский
Українська
English
Доброго времени суток всем Вам, уважаемые посетители.
Если вы пользуетесь сайтами Лендинг пейдж для продажи своих товаров или услуг то наверняка у вас возникали вопросы, как же можно вести учет своих продаж в удобной таблице, то есть как сделать что бы у вас был полноценный список заказов, который можно анализировать и управлять им, а не просто получать письма на почту с заказами, которые не только не удобно анализировать а еще и часто теряются, попадают в спам, приходят с задержкой, или еще какая то беда с ними приключится, и в итоге вы теряете своих клиентов.
И тут на помощь нам приходят различные 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 как и обещал прикрепляю сюда.
Пользуйтесь на здоровье, будут вопросы пишите.
15 комментариев
Чувак ты The Best )
СПС
а как продублировать заявку себе на email?
В кабинете leadvertex есть такая возможность. Просто включите ее в настройках.
Нет я имел ввиду дублироват до leadvertex
то есть скрипт передает в leadvertex и затем делает дубль с лендинга на почту
Возможно я опять же не понял ваш вопрос…
Но как я уже говорил выше, скрипт передает данные все в leadvertex, а если вам нужно чтоб они дублировались еще вам и на почту то в leadvertex есть специальная настройка, шаблон письма так же там делается.
Если же Вы хотите чтоб при клике заказа с лейдинга, сам лейдинг отправлял на почту и в leadvertex отдельно, то Вам нужно опять же на страницу подтверждения поместить какой то отдельный скрипт емеел обработки, но это уже немного другая история.
Общим повторюсь возможно я не понял Вашего вопроса если это так то опишите его детально со всеми тонкостями.
переименовал файл в index.php передает пустое поле
если оставить как index.html передает вот это
Чтоб ответить Вам более точно нужно видеть пациента. Укажите свой сайт постараемся помочь.
почему utm метки в таком виде передаются в https://cloud.mail.ru/public/MYck/patzdULWD
Вероятнее всего вы допустили ошибку с росширением файла.
Если Вы используете код PHP в файле то соответственно розширение файла должно быть не .html а .php
То есть если у Вас файл имеет название типу index.html переименуйте его на index.php
html не преобразовывает код пхп.
а если есть уже файл index.html и index.php?
то куда данный код писать?
Мне сложно ответить на данный вопрос, не понимая его до конца.
В первую очередь напрашивается вопрос «нафига козе баян», в данном случае нафига два индексных файла с разным разрешением, если по дефолту в зависимости от настроек приоритетов хостера будет использоваться при открытии сайта только один из них, второй же будет валятся без дела.
Если же вы напрямую подключаетесь к данному файлу то не проще его переименовать.
А теперь по коду, то его нужно добавлять в файл в котором находится форма, и этот файл должен быть в формате php.
Ну вот как бы так…
как с вами связаться? вы есть в вк?
https://vk.com/xanora
Подскажите как сделать интеграцию whats app c leadvertex?
К сожалению данную интеграцию еще не делали, поэтому подсказать нет возможности.