Konfigurator in deinem Shopify-Shop
Füge den Konfigurator über den Theme-Editor zu deinem Shopify-Theme hinzu, als Button oder eingebettet in die Seite. Ohne eigenen Code zu schreiben.
Auf dieser Seite4
Was du brauchst
- Deinen Firmenlink (Slug)
- Zugang zum Theme-Editor deines Shops
In Shopify setzt du den Konfigurator mit einem Abschnitt für eigenen Code auf eine Seite. Das geht im Theme-Editor, ohne das Theme selbst zu ändern.
Über den Theme-Editor
Öffne den Theme-Editor.
Gehe zu OnlineshopThemesAnpassen. In einem englischsprachigen Shopify heißt das Online StoreThemesCustomize.
Gehe zu der Seite, auf der der Konfigurator erscheinen soll.
Füge einen Abschnitt hinzu.
Klicke auf Abschnitt hinzufügenBenutzerdefiniertes Liquid. In manchen Themes heißt der Abschnitt "Custom HTML".
Füge einen der Codes unten ein und klicke auf Speichern.
Code für einen Button
<div style="text-align: center; padding: 40px 20px;">
<h2>Produkt zusammenstellen</h2>
<p>Maße und Optionen wählen und direkt ein Angebot erhalten.</p>
<a href="https://meetpiloot.nl/{dein-slug}/configure"
target="_blank"
rel="noopener noreferrer"
style="display: inline-block;
padding: 14px 28px;
background: #1c1917; /* durch deine eigene Farbe ersetzen */
color: #ffffff;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
margin-top: 16px;">
Konfigurator starten
</a>
</div>Code, um den Konfigurator einzubetten
<div style="padding: 20px;">
<iframe
src="https://meetpiloot.nl/{dein-slug}/configure?embed=true"
width="100%"
height="800"
style="border: none;"
title="Konfigurator">
</iframe>
</div>
<script src="https://meetpiloot.nl/embed/mp-tracking.js"></script>Prüfen, ob es funktioniert
Sieh dir die Seite in deinem Shop in einem privaten Fenster an. Der Button öffnet den Konfigurator, oder der Konfigurator steht direkt in der Seite.
Auch interessant
Kommst du nicht weiter?
Schreib uns oder öffne ein Ticket in deinem Dashboard. Antwort innerhalb von 1 bis 2 Werktagen.