Guide d'intégration
Intégrer un formulaire YeetForm dans Shopify
L'éditeur de thème Shopify permet d'insérer du HTML et du script bruts sur n'importe quelle page via une section Custom Liquid, suffisant pour exécuter le script d'intégration de YeetForm sans installer d'application depuis le Shopify App Store. Utilisez-le pour un formulaire de contact, une liste d'attente de précommande, un quiz de tailles ou une page de demande de retour : partout où une boutique a besoin de réponses structurées plutôt que d'un simple e-mail.
Étapes
Ajouter une section Custom Liquid
Dans l'admin Shopify, allez dans Online Store > Themes > Customize, ouvrez la page concernée, cliquez sur Add section (ou Add block selon le modèle) et choisissez Custom Liquid.
Coller l'extrait
Collez le code ci-dessous dans le champ de code Liquid. La partie {{ section.id }} garde l'id du conteneur unique si vous ajoutez un jour la section deux fois sur une même page.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Enregistrer et prévisualiser
Cliquez sur Save, puis ouvrez la page sur votre boutique en ligne (pas seulement l'aperçu de l'éditeur de thème) pour confirmer que le formulaire se charge et se redimensionne correctement.
Astuces
- •L'intégration se redimensionne automatiquement selon le contenu du formulaire via un écouteur postMessage, pas besoin de deviner une hauteur fixe pour la section.
- •Les formulaires intégrés s'affichent sans l'en-tête propre à YeetForm, ils se fondent donc dans votre page Shopify au lieu de ressembler à un widget externe.
- •Ajoutez un champ caché pour capturer du contexte automatiquement : transmettez-le en paramètre de requête sur l'URL de la page (?utm_source=... ou ?field_id=valeur) pour suivre une campagne ou une fiche produit.
Créez votre formulaire par IA en quelques secondes
L'offre gratuite inclut la génération IA, la logique et l'intégration.
Créez votre formulaire par IA en quelques secondes