Mailocator
menu

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!"



POMOHL VÁM TENTO ČLÁNEK?

  

Společnost Mailnatives, s.r.o. s IČO 07891768 je vedená u Krajského soudu v Hradci Králové pod spisovou značkou C 43368