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 Wix

Wix propose un Custom Element conçu exactement pour cela. Donnez-lui deux valeurs — une URL de script et un nom de balise — puis publiez.

<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 — un élément, deux champs. Le Custom Element de Wix charge un script depuis une URL que vous lui indiquez et affiche la balise que vous nommez, ce qui correspond exactement à la façon dont un composant Toimii est livré. L'intégration HTML, elle, ne le peut pas : c'est un iframe sandbox, et votre page ne voit jamais une balise qui y est collée.

Étape par étape

Copier les deux valeurs de votre composant

Ouvrez le composant dans Toimii et copiez son URL de script ainsi que sa balise d'élément. Les deux sont générées pour chaque composant : copiez la balise plutôt que de la saisir à la main.

Ajouter un Custom Element

Dans l'éditeur Wix, ajoutez un Custom Element — et non une intégration HTML — à l'endroit où le formulaire doit se trouver, puis positionnez-le comme n'importe quel autre élément.

Renseigner Server URL et Tag Name

Dans les paramètres de l'élément, collez l'URL du script dans Server URL et la balise dans Tag Name. C'est toute la configuration — tout le reste est déjà réglé dans Toimii.

Publier, puis vérifier la page en ligne

Publiez le site et ouvrez l'URL en ligne. C'est là que le formulaire s'affiche réellement.

Abonnement requis

Le Custom Element nécessite un site publié avec un plan Wix payant, votre propre domaine connecté et aucune publicité Wix dessus. Avec le plan gratuit, cette voie n'existe pas.

Pièges

Si le Tag Name ne correspond pas, rien ne s'affiche et aucune erreur n'est signalée. La balise est différente pour chaque composant : copiez-la depuis la page du composant dans Toimii.
Le champ Server URL attend l'URL complète du script, pas seulement le nom du fichier. Rien d'autre n'est à configurer — les réglages du composant voyagent à l'intérieur de ce fichier.
Deux formulaires sur une même page, cela signifie deux Custom Elements, chacun avec son propre Server URL et son propre Tag Name. Un deuxième élément pointant vers la même URL ne fait que répéter le premier formulaire.
Si l'élément est vide sur la page publiée, ouvrez le panneau réseau de votre navigateur. Si le script renvoie une erreur 404, le Server URL est incorrect ; si le script s'est chargé, c'est le Tag Name qui ne correspond pas.

Questions fréquentes

Que signifie « iframe sandbox » ?

Un iframe est un document distinct imbriqué dans votre page, et l'attribut sandbox limite ce que ce document a le droit de faire. La documentation développeur de Wix indique que son intégration HTML crée un environnement sandbox qui n'a pas d'accès direct aux autres éléments de votre page.

Puis-je utiliser l'élément d'intégration HTML à la place ?

Non — il lui ressemble dans l'éditeur, mais c'est un élément différent, et tout ce que l'on y colle s'exécute dans cet iframe sandbox. Si vous ne collez que la balise, rien ne s'affiche. Si vous collez les deux lignes, un formulaire peut apparaître dans le cadre, mais il s'exécute sur un document hébergé par Wix et non sur votre propre domaine, et les soumissions sont vérifiées par rapport au domaine de votre site — elles sont donc refusées, et le visiteur ne voit qu'une erreur générique.

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

Vous n'en avez pas besoin. Le Custom Element est un élément standard de l'éditeur, et Velo ne change rien au comportement de l'iframe de l'intégration HTML : ce n'est donc pas non plus un moyen de la contourner.

Pourquoi le formulaire ne s'affiche-t-il pas correctement dans l'éditeur Wix ?

Parce que Wix affiche les éléments personnalisés dans un iframe, aussi bien dans l'éditeur qu'en mode aperçu. Un cadre vide ou aux dimensions étranges sur le canevas ne vous apprend rien, ni dans un sens ni dans l'autre. Publiez et vérifiez l'URL en ligne — c'est la seule vue qui corresponde à ce que voit un visiteur.

Intégration sur une autre plateforme ?

Les deux mêmes 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 un plan dont les blocs Code sont autorisés à exécuter du JavaScript.

Lire le guide complet

Webflow

Faites glisser un élément Code Embed et collez-y les deux lignes. Le code personnalisé est une fonctionnalité payante chez Webflow — c'est la seule condition.

Lire le guide complet

Shopify

Ajoutez une section Liquid personnalisée dans l'éditeur de thème — aucune installation d'application, aucune modification du code du thème. Les pages de paiement sont le seul endroit où vous ne pourrez pas la placer.

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.

Démarrer l'essai gratuit

Sans carte bancaire. Prêt en 2 minutes.