Overslaan naar inhoud
Nederlands
Meer ondersteuning
Back to the webapp
  • Er zijn geen suggesties want het zoekveld is leeg.

Pop-up Store toevoegen aan je WordPress-website

Dit artikel legt uit hoe je de Print.com Pop-up Store toevoegt aan je WordPress-website doormiddel van een plugin of direct in de code.

Met dit stappenplan plaats je de embedcode van je Pop-up Store op je WordPress-site. Zo verschijnt de Pop-up Store automatisch. Je hoeft geen programmeur te zijn: je kopieert een stukje code uit je Pop-up Store dashboard en plakt dit op de juiste plek in WordPress.

Wat heb je nodig?

Je hebt toegang nodig tot je Pop-up Store dashboard (op popup.print.com) en tot de beheeromgeving van je WordPress-website (het WP-admin gedeelte, meestal jouwdomein.nl/wp-admin). Zorg dat je in WordPress beheerderrechten hebt, want alleen dan kun je code toevoegen aan het thema of via een plugin. Heb je deze niet? Dan is de kans vrij groot dat je website door een derde partij is ontwikkeld. Neem dan contact op met deze partij om je Pop-up Store te laten installeren. Dit kost niet meer dan 5 minuten. 

Stap 1 – Domein toevoegen in de Pop-up Store

Log in op je Pop-up Store dashboard en ga in het linkermenu naar Installatie. Bij stap 1, "Domein toevoegen", vul je het domein in waar de Pop-up Store geïnstalleerd gaat worden (bijvoorbeeld het adres van je WordPress-site). Dit zorgt ervoor dat de Pop-up Store alleen op jouw eigen website werkt.

Stap 2 – Embedcode kopiëren

Blijf op de pagina Installatie en ga naar stap 2, "Kopieer embedcode". Klik op de knop Kopieer embedcode. De code wordt dan automatisch naar je klembord gekopieerd. De embedcode ziet er ongeveer zo uit:

<!-- Print Solutions Widget Embed Code -->
<script src="https://popup.print.com/widget.js?id=XX"></script>
<div id="print-widget-target" data-print-id="XX"></div>
<!-- End Print Solutions Widget Embed Code --> 

Let op: De embedcode is uniek voor jouw Pop-up Store. Gebruik dus altijd de code die je uit je eigen dashboard kopieert.

Stap 3 – De embedcode in WordPress plakken

De code hoort in de <head>-sectie van je website. In WordPress kun je dit op verschillende manieren doen. Kies de methode die bij jouw situatie past.

  • Optie A – Via een plugin (aanbevolen, geen technische kennis nodig). Installeer en activeer een plugin waarmee je code in de header kunt plaatsen, bijvoorbeeld "WPCode" of "Insert Headers and Footers". Ga daarna in het WordPress-menu naar de instellingen van die plugin, zoek het veld voor de header (vaak "Header" of "Scripts in Header" genoemd), plak de gekopieerde embedcode daarin en sla op. Deze methode is het veiligst omdat de code bij een thema-update behouden blijft.

  • Optie B – Via de Thema-editor (voor gevorderde gebruikers). Ga in WordPress naar Weergave (Appearance) en dan naar Thema-bestand-editor (Theme File Editor). Open het bestand header.php van je (child-)thema en plak de embedcode net vóór de afsluitende </head>-tag. Klik daarna op Bestand bijwerken. Gebruik deze methode alleen als je een child-thema gebruikt, anders verdwijnt de code bij de volgende thema-update.

Sla in beide gevallen de wijzigingen op voordat je verdergaat.

Stap 4 – Installatie controleren

Ga terug naar je Pop-up Store dashboard bij stap 3, "Controleer installatie". Bezoek vervolgens een pagina van je live website. Als alles goed is ingesteld, verschijnt de Pop-up Store direct op jouw website in de door jou gekozen configuratie. Zie je de Pop-up Store niet? Leeg dan eerst de cache van je browser en van eventuele caching-plugins in WordPress, en controleer of het domein bij stap 1 exact overeenkomt met je website-adres.

Hulp nodig?

Kom je er niet uit? In het Pop-up Store dashboard vind je onder Installatie een link naar het Helpcenter en de mogelijkheid om een gratis configuratie-consult aan te vragen. Je kunt ook mailen naar popup.support@print.com.