Toto je postup pro vytvoření výherního kalendáře z výchozí šablony nebo s využitím vlastního kódu
Založení kampaně
Plugin Wheel vyžaduje snippet verze 5.0.48 nebo vyšší
Přidání kampaně do scénáře
- ve scénáři vybere Nová kampaň
- zvolte název kampaně a vyberte Herní kampaně
Aktivace kola štěstí
- ve scénáři na řádku kampaně klikněte na NASTAVENÍ
- zvolte Wheel
- v konfiguračním dialogu nejprve vytvořte seznam výher pro jednotlivé segmenty kola, pro každý segment musí být nadefinovaná výhra
- pokud pro kolo výhra není, stačí nechat pravděpodobnost výhry na nulové hodnotě
- do sloupce ID výhry zadejte číslo segmentu kola (1 až celkový počet segmentů)
- výhru pojmenujte a vyberte sadu kódů, která chcete pro konkrétní den použít
- v záložce Settings / Nastavení můžete později vyladit chování kola
Plugin
Pro funkci kalendáře musí být zapnutý plugin Wheel5.
V Nastavení projektu a sekci Pluginy ověřte, že je aktivní. Pokud ne, aktivujte jej.
Vlastní HTML kód
Kontejner
Doporučujeme použít aktuální kontejner plně kompatibilní s verzí 5.x a do něj umístit vlastní kód. Aktuální kontejner umožní všechny nové funkce od validace kontaktu, chybové hlášky, povinná pole a další vizuální efekty.
<ml-object class="tpx-fullscreen tpx-m-c" onload="Wheel5.init(this)">
<ml-main style="width: auto; height: auto" class="mailocator-default">
...
</ml-main>
</ml-object>
Ve všech případech je nutné zapnout plugin přidáním atributu onload
do nejvyššího elementu kontejneru – ml-object
– s hodnotou "Wheel5.init(this)"
Nepoužívejte tag FORM
nebo pokud je to nezbytné, vypněte událost onsubmit
:
<form onsubmit="return false"> ... </form>
CSS
Ujistěte se, že mezi je ve stylech importovaný defaultní styl, případně jej přidejte:
@import url('https://www.mlcdn.eu/tpx/css/?last_version');
Spuštění kola
Princip spuštění kola spočívá v odeslání unikátní e-mailové adresy. Pokud je přijata nástrojem třetí strany, roztočí se kolo a uživateli je zobrazena výhra. Kód s výhrou a případně se slevovým kódem je automaticky doručený do marketingového nástroje.
Na tlačítko, které odesílá e-mailovou adresu a roztáčí kolo, přidejte tuto událost:
<button onclick="Wheel5.play(this)">Play</button>
Událost subscribe
nepoužívejte, te je již implementována v obsluze kola pluginem.
Vlastní obrázek kola
Pokud chcete použít vlastní obrázek, použijte vždy obrázek, který tvoří přesný čtverec a je ideálně ve formátu SVG nebo PNG.
Obrázek musí mít nastavený atribut ID na hodnotu "mlctr_wheel"
<img src="url/to/image.svg" id="mlctr_wheel" draggable="false">
Zobrazení výhry a promokódů
Pro zobrazení a předání výher můžete použít následující zkratky:
{{PRIZE_NAME}}
– název výhry uvedený v konfiguraci{{PRIZE_ID}}
– číslo výhry, tedy den{{PROMO_CODE}}
– výherní kód, pokud je použit{{PROMO_CODE_TEXT}}
– název výherního kódu, pokud je použit