Pop-up
MyWin kan zelfstandig als actie draaien op een aparte URL, die voor iedereen toegankelijk is. Je kunt er ook voor kiezen om de actie te versterken met een pop-up op je eigen website/webshop. De gewonnen spelers worden allemaal in dezelfde database/back-end geregistreerd, zodat ze dezelfde flow doorlopen die je hebt geconfigureerd. Ook heb je de volledige controle over het beheer van de content en data.
Samenvatting
Ontwikkelaar(s) | @Stefan Post (Unlicensed) en @Laurens Bloemert |
Versie documentatie |
Video-instructie
Instructies binnen MyWin
Hieronder vind je een stapsgewijze uitleg, ondersteund door een korte video-handleiding indien nodig.
Bij het aanmaken van een actie kun je aangeven of je een pop-up wilt toepassen.
Geef je daaropvolgend aan of je een pop-up wilt toepassen, dan kun je onderstaande stappen volgen.
In de spel instellingen onder spellen kun je kiezen hoe je de pop-up wilt inladen.
Positie waar de popup wordt weergegeven
In een dialoog
Linkerbenedenhoek
Rechterbenedenhoek
Toon de popup op
Een vertraging
Klikken op een aangeleverd knop van MyWin
Klikken op een zelf bepalende ID (kun jezelf bepalen)
Stel de ID van een knop in die de popu-p zal activeren.
Volg onderstaande instructies om het in Magento omgeving om het zo succesvol in te laden
Instructies binnen Magento
Deze kunnen ook via de GTM uitgevoerd worden.
Log in het admin paneel klik op content
Klik vervolgens op de content en dan op configuratie
Selecteer een store waar je de pop up wilt inladen en klik op bewerken
Klik op instelling 'HTML Head'
Laad de pop up in de header (de slug is het domein wat voor .mywin.app staat, bijvoorbeeld demo.mywin.app.). Test bij voorkeur deze actie eerst op een test- en/of staging omgeving.
Onderstaand de code om in de head te plaatsen:
<meta name="mywin-popup-slug" content="{{slug naam van klant}}">
<script defer src="https://pop-up.mywin.app/boot.bundle.js"></script> Flush cache
Om de pop up in te laden moet de cache geleegd worden zodat het script opgehaald kan worden. Flush commando:
php bin/magento cache:cleanEen pop-up kun je niet bij een lopende actie activeren, in verband met het speltype rad van fortuin die op die moment alleen beschikbaar is in de pop-up.
Instructies voor GTM
Met onderstaande code kun je het met behulp van GTM inladen. Waar [slug] staat moet je je eigen slug neerzetten. Bijvoorbeeld 'mooore'. Deze slug kun je vinden je URL van de actiepagina. Zie onderstaand een voorbeeld.
<script>
var metaTag = document.createElement("meta");
metaTag.name = "mywin-popup-slug";
metaTag.content = "[slug]";
document.head.appendChild(metaTag);
var scriptTag = document.createElement("script");
scriptTag.src = "https://pop-up.mywin.app/boot.bundle.js";
scriptTag.defer = true;
document.head.appendChild(scriptTag);
</script>Instructies voor CSP
Als je met Magento of dergelijke systemen werkt, kan het zijn dat je CSP whitelist aangepast moet worden. Hierbij een instructie: