Comment intégrer un formulaire de contact sur Shopify avec Liquid personnalisé
Une section Liquid personnalisée dans l'éditeur de thème. Aucune application à installer, aucune connaissance de Liquid requise — collez les deux lignes et enregistrez.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Étape par étape
Pièges
Questions fréquentes
Dois-je installer une application Shopify depuis l'App Store ?
Non. Liquid personnalisé est une section de thème intégrée, et Shopify recommande lui-même de passer par l'éditeur de thème avant de recourir au code ou à une application. Tous les thèmes ne la proposent pas — si le vôtre ne l'a pas, vous pouvez tout de même ajouter les deux lignes au code du thème, avec la réserve sur les mises à jour signalée dans les pièges ci-dessus.
Puis-je l'intégrer sur la page de paiement ?
Non — et cela ne tient pas à votre plan. La documentation de Shopify est explicite : des sections peuvent être ajoutées à n'importe quelle page de votre boutique en ligne, sauf aux pages de carte cadeau et de paiement. Il n'y a donc aucun bloc Liquid personnalisé où placer le formulaire, et aucune mise à niveau n'en ajoute un. Le paiement se personnalise à l'aide d'applications dédiées au checkout. Placez plutôt le formulaire sur une page de contact ou sur n'importe quelle autre page de la boutique.
Cela fonctionnera-t-il sur un site Storefront API personnalisé (Hydrogen, Next.js) ?
Oui — une boutique headless est votre propre interface, les deux lignes s'y placent donc comme sur n'importe quelle autre page. Une chose à vérifier : Hydrogen est livré avec une Content-Security-Policy par défaut ; autorisez donc cdn.toimii.io dans script-src et api.toimii.io dans connect-src lorsque vous définissez la vôtre.
Intégration sur une autre plateforme ?
Les deux mêmes lignes de code, décortiquées pour chaque plateforme.
Prêt à l'essayer ?
Essai gratuit de 30 jours. Sans carte bancaire. Prêt en quelques minutes.
Sans carte bancaire. Prêt en 2 minutes.