Использование liquid на последней странице оформления заказа (на примере Post Affiliate Pro)

Материал из Insales Wiki
Перейти к: навигация, поиск

Речь будет идти о поле "javascrip-код для вывода на странице успешного оформления заказа" в разделе Настройки -> Общие

Success checkout 1.png

Основное назначение поля - интеграция с разнообразными партнерскими программами, которым необходимо передать данные о сделанном заказе. Поэтому в данном поле можно использовать абсолютно все переменные, что и в шаблоне "Корзина", лишь заменив cart на order, а также любые переменные объекта order. Подробнее об этих переменных в соответствующем разделе документации.

Рассмотрим интеграцию с партнерским скриптом Post Affiliate Pro.

Интеграция с партнерским скриптом Post Affiliate Pro

После установки скрипта на php-хостинг подготовим магазин для работы с ним. Для этого:

1. На каждой странице магазина размещаем такой код:

<script type="text/javascript"><!--
document.write(unescape("%3Cscript id='pap_x2s6df8d' src='" + (("https:" ==
document.location.protocol) ? "https://"; : "http://") +
"demo.postaffiliatepro.ru/scripts/trackjs.js'
type='text/javascript'%3E%3C/script%3E"));//-->
</script>
<script type="text/javascript"><!--
PostAffTracker.setAccountId('default1');
try {
PostAffTracker.track();
} catch (err) { }
//-->
</script>

2. На странице успешного оформления заказа размещаем код (далее в тексте статьи он будет модифицирован):

<script type="text/javascript">
document.write(unescape("%3Cscript id=%27pap_x2s6df8d%27 src=%27" +
(("https:" == document.location.protocol) ? "https://"; : "http://") + "
demo.postaffiliatepro.ru/scripts/trackjs.js%27type=%27text/javascript%27%3E%3C/script%3E"));
</script> <script type="text/javascript">
PostAffTracker.setAccountId('default1');
var sale = PostAffTracker.createSale();
sale.setTotalCost('120.50'); //сумма заказа
sale.setOrderID('ORD_12345XYZ'); //номер заказа
sale.setProductID('test product'); //название продукта (если несколько -
через запятую)
sale.setData1('customer@email.com');// емайл покупателя (если он его ввел)
PostAffTracker.register();
</script>

Размещение кода на каждой странице магазина

В разделе Настройки -> Общие найдите поле "javascript-код для вывода на всех страницах магазина", вставьте туда код.

Success checkout 2.png

Размещение кода на странице успешного оформления заказа

В приведенном коде заменяем сумму и номер заказа, код купона, стоимость доставки и е-мейл покупателя выводом соответствующих переменных, пишем цикл для вывода названий товаров. В результате получаем код:

<script type="text/javascript">
document.write(unescape("%3Cscript id=%27pap_x2s6df8d%27 src=%27" +
(("https:" == document.location.protocol) ? "https://"; : "http://") + "
demo.postaffiliatepro.ru/scripts/trackjs.js%27type=%27text/javascript%27%3E%3C/script%3E"));
</script> <script type="text/javascript">
PostAffTracker.setAccountId('default1');
var sale = PostAffTracker.createSale();
sale.setTotalCost('{{order.total_price}}');
sale.setOrderID('{{order.number}}');
sale.setProductID('{% for item in order.items %}{{item.title}}{% if order.items.size > 1 %}, {% endif %}{% endfor %}'); 
sale.setData1('{{order.client.email}}');
PostAffTracker.register();
</script>

Вставляем код в поле "javascript-код для вывода на странице успешного оформления заказа", сохраняем настройки.

Магазин готов для работы с Post Affiliate Pro.