Aller au contenu

Le configurateur dans votre boutique Shopify

Ajoutez le configurateur à votre thème Shopify via l'éditeur de thème, en bouton ou intégré à la page, sans écrire de code.

Toutes les formules1 min de lecture
Sur cette page4
  1. Via l'éditeur de thème
  2. Code pour un bouton
  3. Code pour intégrer le configurateur
  4. Vérifier que tout fonctionne

Ce dont vous avez besoin

  • Le lien de votre entreprise (slug)
  • L'accès à l'éditeur de thème de votre boutique

Dans Shopify, vous placez le configurateur sur une page au moyen d'une section de code personnalisé. Tout se fait dans l'éditeur de thème, sans toucher au thème lui-même.

Via l'éditeur de thème

  1. Ouvrez l'éditeur de thème.

    Allez sur Boutique en ligneThèmesPersonnaliser.

  2. Allez sur la page où le configurateur doit apparaître.

  3. Ajoutez une section.

    Cliquez sur Ajouter une sectionLiquid personnalisé. Dans certains thèmes, la section s'appelle « HTML personnalisé ».

  4. Collez l'un des codes ci-dessous et cliquez sur Enregistrer.

Code pour un bouton

Liquid
<div style="text-align: center; padding: 40px 20px;">
  <h2>Composez votre projet</h2>
  <p>Choisissez vos dimensions et vos options et recevez directement un devis.</p>
  <a href="https://meetpiloot.nl/{votre-slug}/configure"
     target="_blank"
     rel="noopener noreferrer"
     style="display: inline-block;
            padding: 14px 28px;
            background: #1c1917; /* remplacez par votre propre couleur */
            color: #ffffff;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 16px;">
    Lancer le configurateur
  </a>
</div>

Code pour intégrer le configurateur

Liquid
<div style="padding: 20px;">
  <iframe
    src="https://meetpiloot.nl/{votre-slug}/configure?embed=true"
    width="100%"
    height="800"
    style="border: none;"
    title="Configurateur">
  </iframe>
</div>
<script src="https://meetpiloot.nl/embed/mp-tracking.js"></script>

Vérifier que tout fonctionne

Ouvrez la page de votre boutique dans une fenêtre de navigation privée. Le bouton ouvre le configurateur, ou le configurateur apparaît directement dans la page.

Vous êtes bloqué ?

Envoyez-nous un e-mail ou ouvrez un ticket depuis votre tableau de bord. Nous répondons sous 1 à 2 jours ouvrables.