Доброго времени суток дорогие пользователи! В этой статье мы расскажем как интегрировать лендинг с LP-CRM на примере простейшего одностраничника.
1) Структура сайта.
У вас должно быть три файла :
1. index.php — основной файл вашего сайта
2. zakaz.php — форма заказа (форму заказа нужно скачать в LP-CRM. Для этого зайдите в FAQ, далее «Инструкция (видео)». В четвертом пункте выберите «Скачать пример лендинга»
В загруженном файле выберите файл «zakaz» и скопируйте в свою папку.
3. form-ok.php — страница благодарности (название файла может быть разным)
Важно! Все файлы должны быть обязательно в формате php!!
2) INDEX.PHP
1. Открываем файл index.php ( если нужно переделываем формат в php) и вставляем UTM-метки в самом начале.
Метки для вставки :
<?php
//*********************** Главная страница *************************
session_start();
$period_cookie = 2592000; // 30 дней (2592000 секунд)
if($_GET){
setcookie("utm_source",$_GET['utm_source'],time()+$period_cookie);
setcookie("utm_medium",$_GET['utm_medium'],time()+$period_cookie);
setcookie("utm_term",$_GET['utm_term'],time()+$period_cookie);
setcookie("utm_content",$_GET['utm_content'],time()+$period_cookie);
setcookie("utm_campaign",$_GET['utm_campaign'],time()+$period_cookie);
}
if(!isset($_SESSION['utms'])) {
$_SESSION['utms'] = array();
$_SESSION['utms']['utm_source'] = '';
$_SESSION['utms']['utm_medium'] = '';
$_SESSION['utms']['utm_term'] = '';
$_SESSION['utms']['utm_content'] = '';
$_SESSION['utms']['utm_campaign'] = '';
}
$_SESSION['utms']['utm_source'] = $_GET['utm_source'] ? $_GET['utm_source'] : $_COOKIE['utm_source'];
$_SESSION['utms']['utm_medium'] = $_GET['utm_medium'] ? $_GET['utm_medium'] : $_COOKIE['utm_medium'];
$_SESSION['utms']['utm_term'] = $_GET['utm_term'] ? $_GET['utm_term'] : $_COOKIE['utm_term'];
$_SESSION['utms']['utm_content'] = $_GET['utm_content'] ? $_GET['utm_content'] : $_COOKIE['utm_content'];
$_SESSION['utms']['utm_campaign'] = $_GET['utm_campaign'] ? $_GET['utm_campaign'] : $_COOKIE['utm_campaign'];
?>Пример, как должно быть:
» alt=»» width=»974″ height=»438″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/2222.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/2222.jpg 974w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/2222-300×135.jpg 300w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/2222-768×345.jpg 768w» data-sizes=»(max-width: 974px) 100vw, 974px» />
2. Находим код формы и там нужно правильно обозначить name = «name» и name = «phone» , для того чтобы имя и телефон заходило в CRM.
Пример, как должно быть:
» alt=»» width=»904″ height=»97″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_2-9.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_2-9.jpg 904w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_2-9-300×32.jpg 300w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_2-9-768×82.jpg 768w» data-sizes=»(max-width: 904px) 100vw, 904px» />
Код формы который вы редактируете (как он отображается на сайте) :
» alt=»» width=»655″ height=»369″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-13.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-13.jpg 655w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-13-300×169.jpg 300w» data-sizes=»(max-width: 655px) 100vw, 655px» />
3. Нужно правильно обозначить куда ссылается заказ. В нашем случаи это zakaz.php
Пример, как должно быть:
» alt=»» width=»878″ height=»93″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_4-4.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_4-4.jpg 878w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_4-4-300×32.jpg 300w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_4-4-768×81.jpg 768w» data-sizes=»(max-width: 878px) 100vw, 878px» />
А вот так отображается ваш INDEX.PHP :
(скрин не полный)
» alt=»» width=»800″ height=»395″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_11-1024×505.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_11-1024×505.jpg 1024w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_11-300×148.jpg 300w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_11-768×379.jpg 768w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_11.jpg 1331w» data-sizes=»(max-width: 800px) 100vw, 800px» />
3) ZAKAZ.PHP
» alt=»» width=»681″ height=»455″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_7-3.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_7-3.jpg 681w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_7-3-300×200.jpg 300w» data-sizes=»(max-width: 681px) 100vw, 681px» />
Открываем скопированный файл zakaz.php
Стрелочка 1: В графе «Ваш Электронный адрес» нужно указать Вашу почту.
Стрелочка 2: Нужно правильно указать куда ссылается заказ . Путь должен быть на страницу благодарности , в нашем случаи на form-ok.php
4) FORM-OK.PHP
1. Открываем файл form-ok.php (страницу благодарности) и вставляем код для интеграции.
Код для интеграции:
<?php
//***************** Страница с завершением заказа ******************
session_start();
// формируем массив с товарами в заказе (если товар один - оставляйте только первый элемент массива)
$products_list = array(
0 => array(
'product_id' => $_REQUEST['product_id'], //код товара (из каталога CRM)
'price' => $_REQUEST['product_price'], //цена товара 1
'count' => '1', //количество товара 1
// если есть смежные товары, тогда количество общего товара игнорируется
'subs' => array(
0 => array(
'sub_id' => $_REQUEST['product_id'],
'count' => '1'
),
1 => array(
'sub_id' => $_REQUEST['product_id'],
'count' => '1'
)
)
),
1 => array(
'product_id' => $_REQUEST['product_id'], //код товара 2 (из каталога CRM)
'price' => $_REQUEST['product_price'], //цена товара 2
'count' => '1', //количество товара 2
// если есть смежные товары, тогда количество общего товара игнорируется
'subs' => array(
0 => array(
'sub_id' => $_REQUEST['product_id'],
'count' => '1'
),
1 => array(
'sub_id' => $_REQUEST['product_id'],
'count' => '1'
)
)
)
);
$products = urlencode(serialize($products_list));
$sender = urlencode(serialize($_SERVER));
// параметры запроса
$data = array(
'key' => 'Ваш api key', //Ваш секретный токен
'order_id' => number_format(round(microtime(true)*10),0,'.',''), //идентификатор (код) заказа (*автоматически*)
'country' => 'UA', // Географическое направление заказа
'office' => '1', // Офис (id в CRM)
'products' => $products, // массив с товарами в заказе
'bayer_name' => $_REQUEST['name'], // покупатель (Ф.И.О)
'phone' => $_REQUEST['phone'], // телефон
'email' => $_REQUEST['email'], // электронка
'comment' => $_REQUEST['product_name'], // комментарий
'delivery' => $_REQUEST['delivery'], // способ доставки (id в CRM)
'delivery_adress' => $_REQUEST['delivery_adress'], // адрес доставки
'payment' => '', // вариант оплаты (id в CRM)
'sender' => $sender,
'utm_source' => $_SESSION['utms']['utm_source'], // utm_source
'utm_medium' => $_SESSION['utms']['utm_medium'], // utm_medium
'utm_term' => $_SESSION['utms']['utm_term'], // utm_term
'utm_content' => $_SESSION['utms']['utm_content'], // utm_content
'utm_campaign' => $_SESSION['utms']['utm_campaign'],// utm_campaign
'additional_1' => '', // Дополнительное поле 1
'additional_2' => '', // Дополнительное поле 2
'additional_3' => '', // Дополнительное поле 3
'additional_4' => '' // Дополнительное поле 4
);
// запрос
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, 'http://testcrm.lp-crm.biz/api/addNewOrder.html');
curl_setopt($curl, CURLOPT_POST, true);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
$out = curl_exec($curl);
curl_close($curl);
//$out – ответ сервера в формате JSON
?>
2. Корректируем нужные формы
» alt=»» width=»919″ height=»737″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-15.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-15.jpg 919w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-15-300×241.jpg 300w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-15-768×616.jpg 768w» data-sizes=»(max-width: 919px) 100vw, 919px» />
Стрелочка 1: Нужно указать id товара (смотрите в срм), цену и количество.
Стрелочка 2: Нужно указать Ваш ключ API.
Стрелочка 3: Нужно указать Ваш поддомен в СRM.
А вот так отображается ваш FORM-OК.PHP:
» alt=»» width=»625″ height=»164″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_13.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_13.jpg 625w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_13-300×79.jpg 300w» data-sizes=»(max-width: 625px) 100vw, 625px» />
5) Важно! Если у Вас не заходят заказы в CRM, одной из причины может быть заблокировано IP 127.0.0.1
Для этого зайдите в «Настройки» далее «Блокировка IP» и разблокируйте IP
» alt=»» width=»676″ height=»283″ data-src=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-14.jpg» data-srcset=»https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-14.jpg 676w, https://blog.lp-crm.biz/wp-content/uploads/2018/01/Screenshot_1-14-300×126.jpg 300w» data-sizes=»(max-width: 676px) 100vw, 676px» />
На этом интеграция лендинга готова! Если у вас возникнут вопросы и нужна будет помощь, пишите нам в Telegram-канал — https://t.me/Lp_crm_biz. Мы поможем решить проблему!