Ces guides décrivent Toimii une fois le service en ligne. Le tableau de bord et la facturation ne sont pas encore disponibles — Toimii sera lancé en 2026.

Comment intégrer un formulaire de contact sur Shopify avec Liquid personnalisé

Une section Liquid personnalisée dans n'importe quel thème. Aucune application à installer, aucune connaissance de Liquid requise — collez simplement les deux lignes.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

Est-ce que ça fonctionne vraiment ?

Oui — sur tous les thèmes Shopify compatibles Online Store 2.0 (Dawn et tout thème moderne). La section Liquid personnalisée est intégrée à Shopify ; aucune installation d'application ni modification du code du thème n'est requise pour la plupart des pages.

Étape par étape

Ouvrir l'éditeur de thème

Depuis votre interface d'administration Shopify, accédez à Boutique en ligne → Thèmes → Personnaliser sur le thème que vous souhaitez modifier.

Ajouter une section Liquid personnalisée

Choisissez la page où le formulaire doit apparaître (une Page, la page Contact ou tout autre modèle de page). Cliquez sur Ajouter une section et sélectionnez Liquid personnalisé.

Coller le code d'intégration

Collez les deux lignes de votre tableau de bord Toimii dans le champ Liquid. Liquid transmet le HTML brut tel quel, de sorte que la balise script et l'élément personnalisé fonctionnent exactement comme écrit.

Enregistrer le thème

Enregistrez dans l'éditeur de thème. Le formulaire est immédiatement actif sur la boutique.

Tester sur la boutique en ligne

Ouvrez la page en ligne (pas l'aperçu) et soumettez un message de test pour confirmer que tout fonctionne de bout en bout. Si quelque chose semble incorrect, consultez les points d'attention ci-dessous.

Pièges courants

Les modifications directes de theme.liquid sont écrasées lors d'une mise à jour du thème. Utilisez la section Liquid personnalisée dans l'éditeur de thème (enregistrée par page) ou dupliquez le thème avant de modifier les fichiers principaux.
Liquid personnalisé sur les pages de paiement nécessite Shopify Plus. Sur les forfaits standard, intégrez plutôt le formulaire sur des pages de contact, de FAQ ou de produit.
Certains thèmes disposent d'une CSP intégrée qui bloque les scripts tiers. Si le formulaire ne s'affiche pas, autorisez cdn.toimii.io et api.toimii.io dans script-src / connect-src.
L'aperçu de l'éditeur de thème charge parfois les sections de façon différée, ce qui peut empêcher le premier rendu des éléments personnalisés. Consultez la page sur l'URL de la boutique en ligne (ou utilisez le bouton « Afficher ») pour confirmer — l'aperçu n'est pas la référence.
Si vous encapsulez le formulaire dans un bloc Liquid {% if %}, le script se charge quand même sur chaque page. Pour économiser des octets, conditionnez également la balise script avec la même condition.

Questions fréquentes

Dois-je installer une application Shopify depuis l'App Store ?

Non. Liquid personnalisé est une section de thème Shopify intégrée — tous les thèmes depuis Dawn la prennent en charge. L'App Store regorge d'applications de « formulaire de contact » ; vous n'en avez besoin d'aucune pour Toimii.

Puis-je l'intégrer sur la page de paiement ?

Pas sur les forfaits standard. Liquid personnalisé sur les pages de paiement nécessite Shopify Plus. Sur les boutiques sans Plus, intégrez plutôt le formulaire sur une page de contact, une FAQ ou une page de statut de commande après achat.

Les mises à jour du thème effaceront-elles mon code d'intégration ?

Oui — les modifications directes des fichiers de thème (theme.liquid, sections/*.liquid) sont écrasées lors d'une mise à jour ou d'une restauration du thème. Deux options plus sûres : utiliser une section de thème + bloc Liquid personnalisé (enregistré par page dans l'éditeur de thème), ou dupliquer le thème avant de le modifier.

Ma boutique dispose d'une Content-Security-Policy — cela bloque-t-il Toimii ?

Certaines boutiques appliquent une Content-Security-Policy stricte via les paramètres du thème ou des applications. Si le formulaire ne s'affiche pas, autorisez ces domaines dans script-src : cdn.toimii.io et api.toimii.io.

Cela fonctionnera-t-il sur un site Storefront API personnalisé (Hydrogen, Next.js) ?

Oui. Utilisez l'App Bridge pour afficher un conteneur HTML, puis injectez la balise script et l'élément personnalisé dedans. Même approche : deux lignes de code, l'élément personnalisé fait le reste.

Intégration sur une autre plateforme ?

Les mêmes deux lignes de code, décortiquées pour chaque plateforme.

WordPress

Bloc HTML personnalisé, Block Editor ou Classic Editor. Aucun plugin à installer. Une condition — votre rôle utilisateur doit posséder la capacité unfiltered_html.

Lire le guide complet

Squarespace

Ajoutez un bloc Code sur n'importe quelle page. Nécessite le plan Core (renommé en 2025, anciennement Business) ou supérieur.

Lire le guide complet

Webflow

L'élément Code Embed accepte jusqu'à 50 000 caractères. Le code personnalisé nécessite le plan Basic ou supérieur. Publiez pour prévisualiser.

Lire le guide complet

Wix

Wix isole le widget Intégrer dans un iframe sandbox, nous utilisons donc une méthode fractionnée — le script dans Paramètres → Code personnalisé, la balise via Intégrer un widget. Guide transparent.

Lire le guide complet

Sites statiques

Astro, Hugo, 11ty, Jekyll — deux lignes dans votre modèle de mise en page. Les builds restent rapides.

Lire le guide complet

HTML / Personnalisé

Une simple page HTML suffit. Ouvrez-la dans n'importe quel éditeur de texte, collez, enregistrez, mettez en ligne. Trois étapes et c'est en ligne.

Lire le guide complet

React / Vue / Angular

Utilisez l'élément personnalisé directement dans JSX, les templates Vue ou les composants Angular. Aucun composant d'encapsulation, aucun package supplémentaire.

Lire le guide complet

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.