Je winkel in WordPress

Je ticketshop staat in vijf minuten in een pagina van je WordPress-site. Je hebt geen plug-in nodig: je plakt een kort stukje HTML in een blok, en de winkel verschijnt op die plaats. Hij wordt vanzelf zo hoog als wat erin staat, je bezoeker kan er zelf van taal wisselen, en afrekenen opent in een nieuw tabblad zodat je site open blijft.

Wat je nodig hebt

• De rol Eigenaar in je backoffice.
• In WordPress: het recht om HTML in een pagina te zetten. Op een eigen WordPress-installatie heeft een beheerder dat altijd. Op WordPress.com kan het alleen op een betalend abonnement met plug-ins; zie onderaan.

Stap 1 — De code kopiëren

1. Ga in je backoffice naar Instellingen → Organisatie.
2. Scrol naar het blok Je winkel in je eigen website.
3. Kies wat je wilt:
   • bij Wat je inbouwt: Je hele winkel, of Alleen: één product (bijvoorbeeld voor een pagina over één workshop);
   • bij Taal waarin hij opent: de taal van de WordPress-pagina;
   • bij Afrekenen opent: laat In een nieuw tabblad staan, tenzij je bezoeker je site echt mag verlaten.
4. Klik op Kopieer de code.

Stap 2 — In de blokeditor (Gutenberg)

1. Open in WordPress de pagina waar de winkel moet komen.
2. Klik op de + waar het blok moet staan en zoek HTML.
3. Kies Aangepaste HTML (Custom HTML).
4. Plak de code.
5. Klik op Bijwerken of Publiceren en bekijk de pagina als bezoeker.

In de editor zelf zie je alleen de code; de winkel verschijnt pas op de gepubliceerde pagina of in de voorvertoning.

Met een paginabouwer

Bouwer	Waar je de code plakt
Elementor	Sleep de widget HTML op de pagina en plak de code erin.
Divi	Voeg een module Code toe en plak de code erin.
Klassieke editor	Open het tabblad Tekst (niet Visueel) en plak de code.
WPBakery	Voeg het element Raw HTML toe en plak de code erin.

Meer dan één winkel op je site

Je mag de code op meerdere pagina's zetten, en ook meerdere keren met een ander product: een pagina per workshop, elk met Alleen: dat product. De Franstalige pagina krijgt de code met de taal Frans, de Nederlandstalige die met Nederlands.

Een shortcode?

Er is geen aparte shortcode of plug-in nodig, en er is er ook geen: het HTML-blok doet hetzelfde en blijft vanzelf werken bij elke update van je winkel. Gebruik je liever een shortcode, dan kan een plug-in voor "snippets" of "shortcodes" de code onder een eigen naam bewaren.

Werkt het niet?

Het blok blijft leeg na het bewaren. WordPress knipte de code eruit. Op WordPress.com gebeurt dat op een abonnement zonder plug-ins; op een eigen installatie bij een gebruiker die geen beheerder is. Vraag het aan de beheerder van je site, of zet een gewone knop Tickets kopen met de link naar je winkel. Zie Je ticketshop delen en inbouwen.

Er staat alleen een linkje en geen winkel. Het script laadt niet. Een cache- of optimalisatieplug-in (zoals WP Rocket of Autoptimize) stelt scripts soms uit of voegt ze samen. Sluit embed.js daar uit, of zet het uitstellen van JavaScript voor die pagina uit.

De winkel is afgesneden of heeft een eigen scrollbalk. Dan staat er een oud iframe met een vaste hoogte. Vervang het door de code uit stap 1; die groeit mee.