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 Wix (guide transparent pour 2026)

Le widget Intégrer de Wix s'exécute dans un iframe sandbox — un simple collage ne fonctionnera donc pas. Voici la méthode fractionnée qui fonctionne.

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

Est-ce que ça fonctionne vraiment ?

Oui — mais uniquement via la méthode fractionnée, avec le forfait Core ou supérieur.

Le bloc « Intégrer un widget » de Wix s'exécute dans un iframe sandbox. En décembre 2025, Wix a renforcé ce sandbox en supprimant allow-same-origin — un simple collage tout-en-un ne fonctionne donc plus. La balise script se charge à l'intérieur de l'iframe, où elle ne peut pas accéder au DOM de votre page Wix, et l'élément personnalisé s'enregistre au mauvais endroit.

La solution est la méthode fractionnée : placez la balise script dans Paramètres → Code personnalisé (qui s'injecte directement dans votre page Wix, PAS dans un iframe), et placez la balise d'élément personnalisé <toimii-contact></toimii-contact> dans un bloc Intégrer un widget. Le script enregistre l'élément sur la page parente, le bloc widget place la balise, et le formulaire s'affiche.

Étape par étape

Ouvrir Paramètres → Code personnalisé

Depuis le tableau de bord Wix, allez dans Paramètres → Code personnalisé (sous Avancé). Remarque — cela nécessite le forfait Core (17 $/mois) ou supérieur. Cliquez sur + Ajouter du code personnalisé.

Ajouter la balise script

Collez uniquement la balise script — la première des deux lignes : <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Définissez « Ajouter le code aux pages » sur « Toutes les pages » (ou uniquement la page où vous intégrez le formulaire). Définissez « Placer le code dans » sur Body — début. Enregistrez.

Ajouter un bloc Intégrer un widget

Ouvrez l'éditeur Wix pour la page où vous souhaitez afficher le formulaire. Cliquez sur Ajouter (+) → Code d'intégration → Intégrer un widget. (PAS Intégrer du code HTML — c'est la version sandbox.) Déposez le widget à l'endroit où le formulaire doit apparaître.

Coller la balise d'élément personnalisé

Dans les paramètres du widget, collez uniquement la balise d'élément personnalisé — la deuxième ligne : <toimii-contact></toimii-contact>. Cliquez sur Mettre à jour.

Dimensionner le bloc widget

Redimensionnez le bloc widget dans l'éditeur pour correspondre approximativement à la hauteur du formulaire. Le formulaire lui-même s'affiche en dehors de l'iframe (sur votre page Wix) — le bloc widget sert d'ancre de positionnement.

Publier et consulter en direct

Cliquez sur Publier. L'aperçu seul n'affichera pas le formulaire — les règles de Code personnalisé s'exécutent uniquement sur les versions enregistrées/publiées. Consultez l'URL en direct pour confirmer.

Abonnement requis

Paramètres → Code personnalisé nécessite le forfait Core (17 $/mois) ou supérieur. Le forfait gratuit et le forfait Light peuvent utiliser Intégrer un widget mais n'ont pas accès au Code personnalisé, donc la méthode fractionnée ne fonctionnera pas — vous devrez passer à un forfait supérieur.

Pièges courants

Un simple collage tout-en-un dans le widget Intégrer ne fonctionne PAS. Wix a renforcé le sandbox du widget en décembre 2025 (suppression de allow-same-origin). Le script se charge, mais l'élément personnalisé s'enregistre à l'intérieur de l'iframe — pas sur votre page Wix.
Paramètres → Code personnalisé nécessite le forfait Core (17 $/mois) ou supérieur. Le forfait gratuit et le forfait Light n'y ont pas accès.
Les règles de Code personnalisé s'appliquent à l'enregistrement — elles n'apparaissent pas dans l'aperçu de l'éditeur Wix. Cliquez sur « Aperçu » ou, mieux encore, cliquez sur « Publier » et consultez l'URL en direct.
Le bloc Intégrer un widget a une taille d'iframe fixe. Redimensionnez le bloc dans l'éditeur pour correspondre à la hauteur naturelle du formulaire ; le formulaire lui-même se trouve EN DEHORS de l'iframe (sur la page parente), donc l'iframe sert simplement d'ancre de positionnement.
Si vos règles de code personnalisé sont en conflit, la dernière sauvegarde l'emporte silencieusement. Conservez une seule règle, ciblant les deux pages, en head + body — plus facile à déboguer que des règles séparées par page.

Questions fréquentes

Que signifie « iframe sandbox » ?

Un iframe sandbox est un iframe avec l'attribut sandbox, qui restreint ce que le contenu interne peut faire. En décembre 2025, Wix a supprimé allow-same-origin du sandbox du widget Intégrer. Le script se charge toujours, mais l'élément personnalisé s'enregistre à l'intérieur de l'iframe — pas sur votre page Wix. C'est pourquoi un seul bloc d'intégration ne fonctionne pas ; nous devons le diviser.

Pourquoi "Intégrer du code HTML" ne fonctionne-t-il plus comme avant ?

Les deux s'exécutent dans le même iframe sandbox (depuis que Wix a renforcé la sécurité en décembre 2025 en supprimant allow-same-origin). Le script se charge, mais l'élément personnalisé s'enregistre dans l'iframe — pas sur votre page parente. C'est pourquoi nous recommandons la méthode fractionnée à la place.

Attendez — la méthode fractionnée fonctionne-t-elle vraiment ?

Oui. La balise script va dans Paramètres → Code personnalisé (head ou body) — c'est une injection directe dans la page parente, pas dans un iframe. L'élément personnalisé va dans un bloc Intégrer un widget, qui rend la balise sur la page parente (le contenu du widget s'exécute dans l'iframe, mais la balise elle-même est montée dans le DOM parent). Ensemble : le script enregistre l'élément sur la page parente, la balise est dans le DOM parent, le formulaire s'affiche.

Qu'en est-il de Velo (Mode développeur Wix) ?

Velo (Mode développeur Wix) vous donne accès au code backend et aux événements frontend — mais la surface de rendu HTML reste le même iframe du widget Intégrer. Velo ne lève pas le sandbox ; il vous donne simplement un moyen de le contourner par script. Pour la plupart des utilisateurs, la méthode fractionnée est plus simple.

Devrais-je simplement passer à une autre plateforme ?

Honnêtement, si vous choisissez un constructeur de site sans code en ce moment, Squarespace, Webflow et WordPress.com prennent tous en charge notre intégration plus facilement que Wix. Nous ne le disons pas à la légère — nous préférons que vous ayez une expérience fluide plutôt que de lutter avec un sandbox.

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

Shopify

Ajoutez une section Liquid personnalisée à n'importe quel thème — aucune installation d'application requise. Évitez les pages de paiement, sauf si vous êtes sur Shopify Plus.

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.