Русский
Українська
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 как и обещал прикрепляю сюда.
Пользуйтесь на здоровье, будут вопросы пишите.
13 комментариев
Чувак ты 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