Je ticketshop delen en inbouwen

Je winkel staat klaar, je producten zijn ingevuld, en nu moet er iemand komen kopen. Dit artikel gaat over dat laatste stuk: hoe je jouw bezoeker bij je ticketshop krijgt.

Je leert hier waar je adres staat, hoe je het deelt op je website en op sociale media, hoe je er een QR-affiche van maakt, en hoe je de winkel desgewenst in je eigen pagina inbouwt. Wil je liever een adres van jezelf, zoals tickets.jouwvereniging.be, lees dan Je eigen domein.

Eerst: wat is een link eigenlijk?

Een link (ook wel url of webadres) is het adres van één pagina op het internet. Net zoals een huisadres precies één brievenbus aanwijst, wijst een link precies één pagina aan. Typ je hem over, of klik je erop, dan kom je daar en nergens anders uit.

Je ticketshop heeft zo'n adres, en het ziet er zo uit:

https://{domein}/nl/s/hoevefeesten

Lees het van links naar rechts:

Stuk	Wat het betekent
https://	Het soort verbinding. De s staat voor beveiligd: wat je bezoeker intypt, gaat versleuteld over de lijn
{domein}	De naam van de computer waar de winkel draait
/nl/	De taal van de pagina. nl is Nederlands, fr Frans, en Engels
/s/	Het woordje waarmee het systeem weet: hierna komt een winkel
hoevefeesten	Jouw organisatiecode, de korte naam van je vereniging

Waarom staat de taal vooraan?

Omdat een link dan één betekenis heeft, en maar één.

Veel sites onthouden je taalkeuze in een cookie (een klein tekstje dat de site op jouw computer achterlaat). Dat werkt prima tot iemand die link doorstuurt: de ontvanger krijgt dan de taal die hij eerder koos, niet de taal die jij bedoelde. Een Franstalig lid dat de link van de Nederlandstalige secretaris doorkrijgt, ziet zomaar een Nederlandse winkel.

Met de taal in het adres kan dat niet gebeuren. /nl/ opent altijd het Nederlands, /fr/ altijd het Frans — ook via WhatsApp, ook na drie keer doorsturen, ook op een gedeelde computer.

Praktisch betekent dat: kies bewust welke taal je deelt. Zet je een link op een Franstalige pagina van je website, gebruik dan /fr/. Verstuur je één mail naar je hele ledenbestand, gebruik dan de taal van die mail. Je bezoeker kan in de winkel zelf altijd nog wisselen.

Wat je nodig hebt vooraf

• Een account met toegang tot je backoffice; om het adres te bekijken volstaat elke rol die de instellingen of de bestellingen mag zien.
• Een winkel die online staat. Staat de schakelaar Online verkoop staat aan uit, dan krijgt je bezoeker een foutpagina "niet gevonden" te zien in plaats van je winkel. Zie Je organisatie instellen.
• Voor het insluiten: toegang tot je eigen website, en het recht om daar code te plakken.
• Tien minuten voor het delen, een halfuur voor een affiche.

Stap 1 — Je adres opzoeken

Er zijn twee plaatsen waar je jouw adres vindt, en ze geven hetzelfde.

De snelste: ga naar Bestellingen en klik rechtsboven op Open de winkel. Je winkel opent in een nieuw tabblad. Het adres staat bovenaan in de adresbalk van je browser; klik erin en kopieer het met Ctrl+C (op een Mac Cmd+C).

De volledige: ga naar Instellingen → Organisatie. Onder het formulier staat het blok Je winkel delen, met het adres van je winkel klaar om te kopiëren en een link Open de winkel. Heb je een eigen domein dat klaarstaat, dan zie je hier dat adres.

Controleer meteen twee dingen voor je gaat delen:

1. Opent de winkel zoals je ze verwacht, met je producten erin?
2. Staat de taal vooraan zoals je ze wil delen?

Plak het adres daarna ergens waar je het terugvindt — in een notitie, of in een mail aan jezelf. Je gaat het de komende weken vaak nodig hebben.

Let op: wijzig je later je organisatiecode, dan verandert je adres mee en werkt elke link die je gedeeld hebt niet meer. Elke gedrukte affiche ook. Kies die code dus één keer goed en laat hem staan.

Stap 2 — Je link delen

Op je eigen website

Zet een knop of een duidelijke tekstlink met het woord Tickets erop, en laat hem naar je adres wijzen. Zet hem bovenaan je startpagina en bij elk event, niet alleen op een pagina "praktisch" waar niemand komt.

Bijna elk websitesysteem werkt hetzelfde: je selecteert het woord dat een link moet worden, klikt op het kettingicoontje, en plakt het adres in het veld dat verschijnt. Zet de link zo dat hij in een nieuw tabblad opent wanneer je systeem die keuze aanbiedt; je bezoeker raakt dan je eigen pagina niet kwijt.

Schrijf op de knop wat er gebeurt: Tickets kopen is beter dan Klik hier, en veel beter dan Meer info.

In een nieuwsbrief

Zelfde principe, met één verschil: plak nooit het blote adres in de tekst. Maak van een woord een link. Een lange url in een mail wordt door sommige mailprogramma's afgebroken over twee regels, en dan werkt hij niet meer.

Zet de link minstens twee keer in je mail: één keer als knop bovenaan, één keer als gewone tekstlink onderaan. Er zijn lezers die knoppen niet zien of niet vertrouwen.

Test je nieuwsbrief altijd op je eigen telefoon voor je hem verstuurt naar vierhonderd mensen. Klik de link echt aan.

Op Facebook

Drie plaatsen, en ze doen alle drie iets anders.

Een bericht op je pagina. Schrijf je bericht, plak het adres erin en wacht twee seconden: Facebook haalt dan zelf een voorbeeldkaartje op met de titel en een afbeelding van je winkel. Zodra dat kaartje verschijnt, mag je het adres uit je tekst wissen — het kaartje blijft staan en blijft klikbaar. Dat leest netter.

De link in je bio. Dat is het veld met je website bij de gegevens van je pagina. Ga naar je pagina, open de instellingen of de bewerkknop bij je gegevens, zoek het veld Website en zet daar je adres in. Dit is de link die mensen zoeken wanneer ze eerst je pagina bekijken en daarna pas willen kopen.

Een knop op je pagina. Bovenaan een Facebook-pagina kan een actieknop staan. Je kiest zelf welke — voor een ticketshop zijn Meer informatie of Nu boeken de bruikbare. Je vindt die instelling bij de knop zelf op je pagina; je kiest een soort knop, plakt je adres en bewaart.

De schermen van Facebook veranderen om de paar maanden. Vind je iets niet terug, zoek dan in hun eigen helpcentrum op "actieknop" of "knop toevoegen aan pagina" — de handeling zelf blijft dezelfde: knop kiezen, adres plakken, bewaren.

Op Instagram

Op Instagram kan je in een gewoon bericht geen klikbare link zetten. Tekst in een onderschrift wordt niet aanklikbaar, hoe vaak je hem ook herhaalt.

Wat wel werkt:

1. De link in je profiel. Ga naar je profiel, tik op Profiel bewerken en zet je adres in het veld voor je website. Verwijs er in je berichten naar: "tickets via de link in onze bio".
2. Een link in een verhaal (story). Daar kan je een linksticker plaatsen met je adres erin.

Verandert je aanbod vaak, dan zet je in je profiel liever de link naar je algemene winkel dan naar één event. Dan hoef je hem niet elke maand te vervangen.

In een WhatsApp-groep

Plak gewoon het adres in de groep. WhatsApp maakt er zelf een klikbare link van en toont een voorbeeldkaartje.

Zet er één zin bij die zegt wat het is en tot wanneer: "Tickets voor de kaas- en wijnavond van 12 oktober, inschrijven kan tot maandag." Een blote link in een drukke groep wordt weggescrold.

Stap 3 — Een QR-affiche maken

Wat is een QR-code?

Een QR-code is niets anders dan een link, getekend als een zwart-wit blokjespatroon. Er zit geen magie in en er wordt niets verstuurd: een telefoon die hem "leest", leest gewoon dat adres en opent het. Hij kan dus niet meer dan je link, en ook niet minder.

Dat is ook het antwoord op "hoe weet ik of mijn QR-code nog werkt": zolang je link werkt, werkt hij.

Zo maak je er een

1. Kopieer je adres zoals in stap 1.
2. Ga naar een QR-generator. Er zijn er veel gratis; zoek op "QR code generator". Kies er één die je een afbeelding laat downloaden (png of svg) zonder dat je een account moet maken.
3. Plak je adres en maak de code aan.
4. Download hem bij voorkeur als svg. Dat is een tekening die je zonder kwaliteitsverlies kan vergroten. Kan dat niet, neem dan een png die minstens 1000 pixels breed is — een klein plaatje wordt bij het drukken korrelig, en een korrelige QR-code scant slecht.

Let op: gebruik nooit een dienst met een "dynamische" of "trackbare" QR-code. Die codes wijzen niet naar jouw adres maar naar dat van de dienst, die je bezoeker dan doorstuurt. Klinkt handig — je kan de bestemming later wijzigen — maar het betekent ook dat je affiche stopt met werken zodra die dienst je gratis proefperiode beëindigt, van naam verandert of ermee ophoudt. Bij tweehonderd gedrukte affiches is dat een dure ontdekking. Een gewone, statische QR-code die rechtstreeks jouw adres bevat, blijft werken zolang jouw adres werkt, en kost niets.

Op de affiche

• Grootte. Een vuistregel die het goed doet: een QR-code die van één meter afstand gescand moet worden, is minstens 3 bij 3 centimeter. Hangt je affiche achter een raam en staat je bezoeker op de stoep, maak hem dan flink groter — reken ongeveer een tiende van de leesafstand. Bij twijfel: groter.
• Rust eromheen. Laat rondom de code een witte rand van ongeveer vier blokjes breed. Zonder die rand vindt een telefooncamera de code moeilijker.
• Contrast. Donkere code op een lichte ondergrond. Niet omgekeerd, en niet over een foto.
• Zet er tekst bij. Een blote QR-code wordt minder gescand dan je denkt. Zet eronder wat er gebeurt als je scant: Scan voor tickets. En zet het adres er in leesbare letters bij, voor wie liever typt of wiens camera niet meewerkt.

Test hem. Twee keer.

Voor het drukken: print één exemplaar op een gewone printer, hang het op de muur, ga op de afstand staan waarop mensen zullen staan, en scan met je eigen telefoon. Laat het ook eens door iemand anders doen, met een ander merk telefoon.

Na het drukken: haal één affiche uit de doos en scan opnieuw. Een drukker kan je bestand verkleinen, bijsnijden of op een andere papiersoort zetten dan je verwachtte, en glanzend papier onder een spot geeft spiegeling. Dit kost je één minuut en het is de enige controle die telt.

Stap 4 — De winkel insluiten in je eigen pagina

Wil je dat je bezoeker je eigen site niet verlaat, dan kan je de winkel als blok in een van je pagina's zetten. Dat heet insluiten of embedden.

Wat is een iframe?

Een iframe is een venster in een webpagina waarin een andere webpagina getoond wordt. Denk aan een schilderij aan je muur: het kader is van jou, wat erin hangt komt van elders. Je bezoeker ziet jouw pagina, met daarin een stuk dat van je ticketshop komt.

De code ziet er zo uit:

<iframe src="https://{domein}/nl/s/hoevefeesten"
        style="width:100%;height:900px;border:0"
        title="Tickets"></iframe>

Wat elk stuk doet:

Stuk	Waarvoor
src	Het adres van je winkel — hier vervang je het door dat van jou
width:100%	Het kader wordt even breed als de plaats die het krijgt
height:900px	De hoogte van het kader, in beeldpunten. Zie de waarschuwing hieronder
border:0	Geen randje rond het kader
title	Wat er in het kader staat. Nodig voor een schermlezer, dus laat het staan

Let op de hoogte. Een kader is niet elastisch: het groeit niet mee met wat erin staat. Is het te laag, dan moet je bezoeker binnen dat kadertje scrollen om de knop Afrekenen te vinden — en dat is precies waar je verkoop stukloopt. Neem liever te veel dan te weinig; 900 beeldpunten is een redelijk begin, en test daarna zelf op een telefoon.

WordPress

1. Open de pagina en klik op de plaats waar de winkel moet komen.
2. Klik op de + om een blok toe te voegen en zoek op HTML.
3. Kies het blok Aangepaste HTML (in het Engels Custom HTML).
4. Plak de code hierboven in het blok, met jouw adres erin.
5. Bewaar de pagina en bekijk ze als bezoeker.

Let op bij WordPress.com: op het gratis abonnement wordt een iframe bij het bewaren uit je pagina geknipt. Dat is geen fout van jou en geen fout van je blok: WordPress.com laat die code alleen toe op een betalend abonnement met hostingfuncties. Zie je je blok na het bewaren leeg staan, dan is dit de reden. Link in dat geval gewoon, zoals in stap 2.

Ook op een eigen WordPress-installatie geldt: wie geen beheerder is, mag deze code soms niet plaatsen en ziet ze verdwijnen bij het bewaren. Vraag het dan aan de beheerder van je site.

Wix

In de klassieke Wix-editor:

1. Klik links op Elementen toevoegen.
2. Klik op Code insluiten.
3. Kies onder de populaire insluitingen HTML insluiten.
4. Klik op Code invoeren, plak je code en klik op Toepassen.
5. Sleep het kader naar de juiste plaats en maak het ruim hoog.

Werk je in Wix Studio, dan heet de weg daar Elementen toevoegen → Insluiten en sociaal → Code insluiten, en het element zelf heet er HTML iFrame. De handeling is dezelfde: code plakken, toepassen.

Twee dingen uit de handleiding van Wix zelf die je hier helpen: je code moet https:// gebruiken (met http:// verschijnt er niets op je gepubliceerde site), en het kader past zich niet vanzelf aan aan een klein scherm. Zet je breedte dus op 100% en controleer je pagina op een telefoon.

Squarespace

1. Bewerk de pagina en klik op de + om een blok toe te voegen.
2. Kies het blok Code.
3. Klik op het potloodje om het blok te openen en plak je code.
4. Bewaar.

Let op: hier is een betalend abonnement nodig. Squarespace laat iframe- en JavaScript-code in een Code-blok alleen toe vanaf hun betalende formules (Core en hoger). Op een proefsite of een gratis plan werkt het niet.

En één eigenaardigheid die beginners doet denken dat het stuk is: zolang je ingelogd bent als beheerder, toont Squarespace je eigen code soms niet, terwijl bezoekers hem wel gewoon zien. Gebruik hun knop Preview in Safe Mode, of kijk in een privévenster van je browser, voor je besluit dat het niet werkt.

Google Sites

1. Open je site en klik rechts op Invoegen.
2. Klik op Insluiten.
3. Kies Code insluiten en plak je code.
4. Klik op Volgende en daarna op Invoegen.
5. Sleep het kader groot en klik rechtsboven op Publiceren.

Je kan de winkel ook als een volledige pagina insluiten: Pagina's → Toevoegen → Volledige ingesloten pagina. Dat geeft je meer hoogte en minder gescrol binnen een kadertje.

Vergeet Publiceren niet. Wat je in de bewerkmodus ziet, is nog niet wat je bezoeker ziet.

De nadelen van insluiten, eerlijk

Insluiten is niet gratis, ook al kost het niets.

• De hoogte blijft een gok. Een winkelmandje dat langer wordt dan je kader, laat je bezoeker in een kadertje scrollen. Op een telefoon voelt dat onhandig.
• Twee scrollbalken. De pagina scrolt, en het kader scrolt. Daar verliezen mensen zich in.
• Je eigen site bepaalt de snelheid. Is je website traag, dan is je winkel traag — ook al draait de winkel zelf vlot. Bij linken heeft je bezoeker daar geen last van.
• Niet elke bouwer laat het toe. Op een gratis WordPress.com-site en op een Squarespace zonder betalend plan werkt het gewoonweg niet.

Werkt het niet, of twijfel je: link gewoon. Een duidelijke knop Tickets kopen die naar je winkel opent, verkoopt beter dan een half werkend kadertje, en er kan niets aan stuk.

Afrekenen gebeurt in het volledige venster

Staat je winkel ingesloten in je eigen pagina, dan kiest je bezoeker zijn tickets in het kader. Klikt hij op Afrekenen, dan opent de kassapagina in het volledige venster van zijn browser, op het adres van je winkel.

Dat is met opzet. Betaalproviders zoals Mollie en Stripe tonen hun betaalscherm niet in een kader, en browsers bewaren in een kader van een andere site geen gegevens van het winkelmandje. Na het betalen komt je bezoeker op de bevestigingspagina van je winkel, met zijn tickets. Je hoeft daarvoor niets in te stellen.

Veelgemaakte fouten

De link delen met de verkeerde taal erin. Je stuurt /nl/ naar je Franstalige leden. Kijk naar het stukje na het domein voor je verstuurt.

De organisatiecode wijzigen nadat je affiches gedrukt zijn. Elke QR-code op papier wijst dan nergens meer heen. Wijzig je code niet meer zodra je hem gedeeld hebt.

Een QR-code van een gratis dienst met een proefperiode gebruiken. Na dertig dagen wijst je affiche naar een reclamepagina van die dienst. Gebruik een statische code die jouw adres rechtstreeks bevat.

Een iframe te laag maken. Je bezoeker ziet de producten wel, maar de knop om af te rekenen niet. Test op een telefoon, niet alleen op je laptop.

De link nooit zelf aanklikken. Test elke plaats waar je hem zet, op je eigen telefoon, voor je hem loslaat op je publiek.

Wat als …

Wat als mijn bezoeker "niet gevonden" of een lege winkel te zien krijgt?

Een foutpagina "niet gevonden" betekent meestal dat de schakelaar Online verkoop staat aan uit staat, of dat het adres niet klopt (let op je organisatiecode). Ga naar Instellingen → Organisatie en kijk op het tabblad Je winkel. Zie Je organisatie instellen.

Staat er "Nog niets te koop", dan werkt je winkel wel, maar staat er geen enkel product in de verkoop. Zie Producten en prijzen.

Wat als ik mijn winkel niet terugvind in Google?

Dat kan twee dingen betekenen. Ofwel staat de schakelaar Gepubliceerd uit — dan blijft je link werken voor wie hem kent, maar zoekmachines krijgen hem niet aangeboden. Ofwel is je winkel er nog te kort; zoekmachines hebben tijd nodig.

Reken sowieso niet op Google voor je ticketverkoop. Je publiek komt via je eigen kanalen: je nieuwsbrief, je pagina, je affiche.

Wat als mijn ingesloten winkel leeg blijft?

Kijk in deze volgorde:

1. Staat er https:// in je code, en niet http://?
2. Is de code na het bewaren nog aanwezig? Open het blok opnieuw. Is hij weg, dan knipt je websitebouwer hem eruit — zie de waarschuwingen hierboven bij WordPress en Squarespace.
3. Bekijk je pagina in een privévenster of als uitgelogde bezoeker. Sommige bouwers tonen ingesloten code niet aan wie ingelogd is.

Blijft het leeg: link gewoon. Dat is geen nederlaag, het is de manier die het best werkt.

Wat als de QR-code op mijn affiche niet scant?

Vaak is hij te klein, staat hij te dicht tegen andere inkt, of is het bestand te laag opgelost afgedrukt. Vergroot hem, laat een witte rand rondom, en druk opnieuw af vanaf een svg of een groot png-bestand. Test met twee verschillende telefoons.

Wat als ik mijn link in een printadvertentie moet opgeven?

Zet het volledige adres in leesbare letters, mét de taal erin, en zet er een QR-code naast. Wie typt, typt; wie scant, scant. Een adres van jezelf leest in druk een stuk prettiger — zie Je eigen domein.

Veelgestelde vragen

Kan ik één link maken die rechtstreeks naar één event gaat? Niet naar een aparte pagina: je link opent altijd je hele winkel, met alles wat je verkoopt onder elkaar. Bij een product met tijdsloten kan het wel gerichter: klik in je winkel bij dat product op Kies een tijdstip en kopieer dan het adres uit de adresbalk. Die link opent je winkel met de kalender van dat product al open.

Blijft mijn oude link werken als ik een eigen domein neem? Ja. Het adres op het platform blijft gewoon bestaan naast je eigen domein. Zie Je eigen domein.

Moet ik voor elke taal een aparte QR-code drukken? Dat hoeft niet. Kies de taal van je publiek en laat je bezoeker in de winkel zelf wisselen. Op een tweetalige affiche staan wel twee codes, elk met hun eigen taal — zet er dan duidelijk NL en FR bij.

Is insluiten beter voor mijn merk dan linken? Nauwelijks. Je bezoeker ziet in beide gevallen je logo en je kleuren, want die staan in je winkel zelf. Wil je echt je eigen naam in de adresbalk, dan is een eigen domein de betere weg, en die kan je combineren met een gewone link.

Kan ik zien hoeveel mensen op mijn link geklikt hebben? Wat je in elk geval ziet, is wat het opgeleverd heeft: je bestellingen, met het kanaal erbij. Zie Bestellingen opvolgen.