10. květen 2021
Zkopírování dárkového kódu do clipboardu
Propisování libovolných polí do obsahu kampaní, včetně ovlivnění jmen CSS tříd, lze v Mailocatoru udělat několika způsoby.
Pomocí jednoduché akce
toClipboard
můžete pomoci uživateli jedním kliknutím zkopírovat dárkový kód přímo do schránky (clipboardu), aniž by musel kód označovat a kopírovat pomocí klávesových zkratek nebo dotykových gest.Příklad: vytvoření tlačítka pro zkopírování kódu do schránky
Na libovolné místo v designu kampaně umístěte libovolný element a přidejte mu třídu nebo id, například:
<span class="code-to-copy">ABC123</span>
Můžete samozřejmě použít i element s merge tagem pro automatické doplnění kódu přímo z vašeho zásobníku v Mailocatoru:
<span class="code-to-copy">{{PROMO_CODE}}</span>
Přidejte a otextujte tlačítko pro kopírování kódu:
<button>COPY CODE</button>
K tlačítku přidejte událost
onclick
a doplňte následující akci:<button onclick="mailocator.action.do('toClipboard:.code-to-copy')">COPY CODE</button>
Akce
toClipboard
zkopíruje obsah identifikovaný na základě parametru třídy z elementu .code-to-copy
do schránky.Mikrointerakce - upozornění na úspěšné zkopírovaní
Způsob, jakým uživateli oznámíte úspěch po zkopírování je na vás.
Následující příklad ukazuje, jak uživateli jednoduše potvrdit zkopírování změnou textu v tlačítku:
<button onclick="mailocator.action.do('toClipboard:.code-to-copy'); this.innerHTML='COPIED!'" >COPY CODE</button>
Po stisknutí tlačítka a vykonání
this.innerHTML='COPIED!'
se v tlačítku namísto "COPY CODE" objeví "COPIED!"