Propojení AffilBox a e-shopu Wix

Datum přidání05. 04. 2020
AutorKateřina Střelcová
Propojení AffilBox a e-shopu Wix

Provozujete eshop na platformě Wix? Vaše prodeje mohou být o řád vyšší díky affiliate marketingu. Provizní program na AffilBoxu si můžete do platformy napojit, pokud vlastníte placenou verzi eshopu, neboli Wix Premium.

Postup nasazení

Vložení trackovacího kódu

Otevřete editaci vašeho eshopu. V menu vyberte položku Edit site:

V horní nabídce menu vyberte položku Settings. Zvolte podpoložku Tracking & Analytics.

Klikněte na položku New Tool.

Z následujícího výběru zvolte podpoložku Custom.

V dalším okně už budete mít možnost vložit přímo váš tracking kód z kampaně vytvořené v AffilBoxu. Vložte jej do prvního okénka.

Položka Name – pojmenujte si kód tak, abyste jej příště snadno našli (my jsme zvolili název Tracking kód.

Z další nabídky vyberte All pages. Tracking kód patří na všechny stránky vašeho eshopu. Vyberte Load code once (stačí, když se vám cookies na stránkách započtou jednou.)

Place code in: zde vybíráte, kde přesně bude ve zdroji stránky kód umístěn. Vyberte položku Body – start.

Nezapomeňte vše uložit tlačítkem Apply.

Vše, co jste právě uložili můžete publikovat tlačítkem Publish vpravo nahoře.

Vložení konverzního kódu:

V levém menu editoru vašeho eshopu klikněte na horní nabídku – Menus & Pages.

V podnabídce klikněte na Store pages a následně na Thank You Page. Konverzní kód patří jen a pouze na děkovací stránku eshopu – předává nám totiž informace o právě dokončené objednávce.

Protože budeme zasahovat do kódu stránky, aby do AffilBoxu mohly být předány všechny důležité informace, je třeba zapnout mód pro vývojáře. V horním menu klikněte na položku Dev Mode. Následně klikněte na Turn on Dev Mode.

Nyní je potřeba otevřít spodní lištu a změnit kód uvedený v ní na tento.

$w.onReady(function () {
	$w('#thankYouPage1').getOrder()
		.then((order) => {
			$w('#html1').postMessage(order);
		})
		.catch((error) => {
		});
});

V levém menu nyní klikněte na ikonku pluska „Add“.

V podnabídce vyberte nejdříve dole položku More, následně Custom Embeds a konkrétně pak HTML iframe.

Na vaší stránce vznikne čtverec. Editujte jej a vložte do něj konverzní kód. Bude potřeba jej upravit podle návodu níže.

Upravení konverzního kódu

Konverzní kód, který vám vygeneroval u vaší kampaně AffilBox, je potřeba upravit tak, aby jej Wix dokázal zpracovat. Kód jsme vám předpřipravili, je potřeba v něm jen vyměnit dvě informace (níže v obrázku jsou zdůrazněné):

  • doménu vaší licence (musí mít stejnou formu jako v tracking kódu)
  • číslo kampaně

Znění kódu:

<script type="text/javascript">
    window.onmessage = (event) => {
        if (event.data) {
            var orderObject = event.data;
            var totalCost = 0;
            for (i = 0; i < orderObject.lineItems.length; i++) {
                totalCost += orderObject.lineItems[i].totalPrice - orderObject.lineItems[i].discount;
                if (orderObject.lineItems[i].taxIncludedInPrice === true) {
                    totalCost -= orderObject.lineItems[i].tax;
                }
            }
        }
        var ab_instance = "cxxx.affilbox.cz";
        var ab_kampan = x;
        var iframe = document.createElement('iframe');
        iframe.src = "https://"+ ab_instance +"/konverze/kid/"+ ab_kampan +"/cena/"+ totalCost +"/transakce/"+ orderObject.number +"/";
        iframe.width = 1;
        iframe.height = 1;
        iframe.style = "border: 0";
        iframe.scrolling = "no";
        document.body.appendChild(iframe);
    }
</script>

Čtverec s vloženým kódem přetáhněte do spodní části stránky tak, aby nezůstal v hlavičce:

Vše publikujte.

Otestování funkčnosti:

  • U vaší kampaně v AffilBoxu si zkopírujte váš affiliate odkaz.
  • Odkaz vložte do nového anonymního okna prohlížeče. Vyčkejte, až se načte celá stránka.
  • V AffilBoxu v levém menu – Statistiky – Report prokliků – si zkontrolujte, že se objevil nový proklik. Pokud ano, pokračujte dál, váš tracking kód je vložen v pořádku
  • V anonymním okně pokračujte v objednávce, vložte zboží do košíku a dokončete objednávku jako klasický zákazník.
  • Po zobrazení děkovací stránky se podívejte do AffilBoxu. V levém menu – Statistiky – Report konverzí byste měli vidět novou konverzi. Důležité je, aby u ní byla správná částka odměny a číslo objednávky

Potřebujete-li poradit, nebo se ujistit o správnosti vašeho postupu, ozvěte se nám, rádi pomůžeme.

Komentáře (1)

David 22. 04. 2020

parada detailni navod, instalace se povedla na poprve a funguje to bezvadne

Ondřej Martinek 15. 06. 2020

Děkujeme! Těší nás, že WIX používáte.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *