Toimii a fait son lancement en douceur — le service est en ligne et les inscriptions sont ouvertes. Essayer gratuitement →

Toimii est en lancement en douceur : ces guides décrivent donc un service auquel vous pouvez vous inscrire et que vous pouvez utiliser dès aujourd'hui. Quelques éléments sont encore en route — les applications iOS et Android arrivent plus tard en 2026.

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.

<!-- Ajoutez ceci n'importe où sur votre page -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Est-ce que ça fonctionne vraiment ?

Oui — à condition que votre thème propose une section Liquid personnalisée. C'est la réponse de Shopify elle-même pour ajouter du code à une page sans modifier les fichiers du thème.

Étape par étape

1
Ouvrir l'éditeur de thème
Dans votre interface d'administration Shopify, ouvrez l'éditeur de thème sur le thème que vous souhaitez modifier.
2
Ajouter une section Liquid personnalisée
Accédez à la page où le formulaire doit apparaître, puis ajoutez une section et choisissez Liquid personnalisé.
3
Coller le code d'intégration
Depuis la page de votre composant dans Toimii, collez les deux lignes dans le champ Liquid. Le champ accepte du HTML brut et le transmet tel quel, de sorte que la balise script et l'élément personnalisé fonctionnent exactement comme écrit.
4
Enregistrer, puis vérifier la boutique en ligne
Enregistrez dans l'éditeur de thème, puis ouvrez la page sur votre boutique — pas l'aperçu de l'éditeur — et envoyez un message de test. Seul un message bien arrivé prouve que l'intégration fonctionne de bout en bout.

Pièges

  • Ajoutez le code via l'éditeur de thème plutôt qu'en modifiant les fichiers du thème. Shopify ne met un thème à jour automatiquement que tant que ses fichiers sont dans leur état d'origine — et Liquid personnalisé existe justement pour vous permettre d'ajouter du code sans y toucher. Si vous modifiez le code du thème, ce sera à vous d'appliquer à la main chaque mise à jour future.
  • Les pages de paiement et de carte cadeau n'acceptent aucune section : un bloc Liquid personnalisé ne peut donc pas y figurer — quel que soit le plan. Placez le formulaire sur une page ordinaire de la boutique.
  • L'éditeur de thème modifie un seul thème, et ce n'est pas forcément celui qui est publié. Si vous avez enregistré dans une copie, votre boutique en ligne reste inchangée, aussi juste que paraisse l'aperçu — vérifiez l'URL de la boutique, et vérifiez quel thème est publié.

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.