Als je een shop hebt aangemaakt, is het mogelijk de kleuren aan te passen. Zo kan je zorgen dat de shop meer in je eigen huisstijl is:
Stap 1: Kies je kleur
Je kunt een kleur kiezen via https://www.color-hex.com/
Niet alle (lichte) kleuren werken, zoals bijvoorbeeld geel. Als uit tests blijkt dat de kleur niet werkt, kies dan een donkerdere kleur. Je hebt de kleurcode nodig zonder #. Voor paars is dit dus 81016e.
Stap 2: Het aanpassen van de URL
Voor het aanpassen van de URL heb je je shop URL nodig. Ga naar het GUTS dashboard, naar je shop en klik op de knop 'link/embed'. Kopieer de link.
De link die je hebt gekopieerd uit het dashboard is als volgt opgebouwd: https://app.guts.tickets/ + slug + eventueel extra URL tekst.
De slug is het gedeelte dat na je domeinnaam komt in de URL. Via de slug wordt herkend om welke shop het gaat. Op deze manier zorgen we ervoor dat de bezoekers altijd bij de juiste online shop terecht komen. Elke shop heeft namelijk een andere slug. In het geval van het voorbeeld is de slug zwk979/vz5jwt.
Als je een eigen kleur wilt gebruiken, moet de link iets anders worden opgebouwd. Namelijk: https://widget.guts.events/ + Slug + ?c= + de gekozen kleurcode.
In het kort: Je voegt widget toe en verandert tickets in events. voor de URL en ?c=(kleurcode) na de URL:
Bijvoorbeeld: https://widget.guts.events/zwk979/vz5jwt?c=81016e
Test de URL vooral in een browser voordat je deze doorstuurt.
Als je wilt forceren dat de shop in het Nederlands is kan je nog &lang=nl toevoegen zoals in:
https://widget.guts.events/xxxxx/xxxxx?c=11175e&lang=nl
Embed
Bovenstaande werkt ook voor de embedded variant, maar dan moet je de link in de embedded code aanpassen:
<div class="tickets-widget-wrapper" style="width:100%; max-width:640px; margin:0 auto; padding:0;"> <iframe src="https://widget.guts.events/zwk979/vz5jwt/?c=81016e" id="widget-zwk979" class="tickets-widget" data-gate="zwk979" frameborder="0" scrolling="no" style="width:100%;height:80vh;margin:0;padding:0;border:none;overflow:hidden;"></iframe></div>