Configurator in je Shopify-winkel
Voeg de configurator toe aan je Shopify-thema via de thema-editor, als knop of ingesloten in de pagina. Zonder dat je code hoeft te schrijven.
Op deze pagina4
Wat je nodig hebt
- Je bedrijfslink (slug)
- Toegang tot de thema-editor van je winkel
In Shopify zet je de configurator op een pagina met een sectie voor eigen code. Dat kan in de thema-editor, zonder het thema zelf aan te passen.
Via de thema-editor
Open de thema-editor.
Ga naar Online StoreThemesCustomize.
Ga naar de pagina waar de configurator moet komen.
Voeg een sectie toe.
Klik op Add sectionCustom Liquid. In sommige thema's heet de sectie "Custom HTML".
Plak een van de codes hieronder en klik op Save.
Code voor een knop
<div style="text-align: center; padding: 40px 20px;">
<h2>Stel je product samen</h2>
<p>Kies je maten en opties en ontvang direct een offerte.</p>
<a href="https://meetpiloot.nl/{jouw-slug}/configure"
target="_blank"
rel="noopener noreferrer"
style="display: inline-block;
padding: 14px 28px;
background: #1c1917; /* vervang door je eigen kleur */
color: #ffffff;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
margin-top: 16px;">
Start de configurator
</a>
</div>Code om de configurator in te sluiten
<div style="padding: 20px;">
<iframe
src="https://meetpiloot.nl/{jouw-slug}/configure?embed=true"
width="100%"
height="800"
style="border: none;"
title="Configurator">
</iframe>
</div>
<script src="https://meetpiloot.nl/embed/mp-tracking.js"></script>Controleren of het werkt
Bekijk de pagina in je winkel in een privévenster. De knop opent de configurator, of de configurator staat direct in de pagina.
Lees ook
Kom je er niet uit?
Mail ons of open een ticket vanuit je dashboard. Antwoord binnen 1 tot 2 werkdagen.