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 Webflow en deux minutes

Un élément Code Embed sur le canvas. Publiez pour le voir. Le Designer ne prévisualise pas le code personnalisé — c'est une limitation de Webflow, pas de Toimii.

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

Est-ce que ça fonctionne vraiment ?

Oui — avec le plan Basic ou supérieur. L'élément Code Embed (renommé depuis « Embed » en 2024) exécute les scripts inline à la publication. Le Designer ne prévisualise pas le code personnalisé, vous ne verrez donc le formulaire que sur votre URL *.webflow.io ou votre domaine en production.

Étape par étape

Ouvrir la page dans le Designer

Accédez à la page où le formulaire doit apparaître. Assurez-vous d'être sur le plan Basic ou supérieur — le plan Starter gratuit supprime le code personnalisé.

Glisser un élément Code Embed

Depuis le panneau Ajouter, faites glisser l'élément Code Embed sur le canvas à l'endroit où vous souhaitez placer le formulaire. (Renommé depuis « Embed component » en 2024 — c'est la même chose.)

Coller le code d'intégration

Double-cliquez sur le Code Embed pour ouvrir l'éditeur de code. Collez les deux lignes depuis votre tableau de bord Toimii. Cliquez sur Enregistrer et fermer.

Ne pas attendre de prévisualisation dans le Designer

Le Designer affiche un espace réservé à l'emplacement de l'intégration — c'est normal, le code personnalisé n'est pas prévisualisé dans le Designer.

Publier et vérifier

Cliquez sur Publier. Consultez le formulaire sur votre URL de prévisualisation *.webflow.io ou votre domaine en production. Envoyez un message de test pour vérifier.

Abonnement requis

Le plan Starter gratuit de Webflow supprime le code personnalisé à la publication. Pour utiliser Toimii, vous avez besoin du plan Basic ($14/mois) ou supérieur.

Pièges courants

Le Designer de Webflow ne prévisualise pas le code personnalisé. Vous verrez un espace réservé dans l'éditeur — le formulaire s'affiche uniquement sur le site publié. Publiez pour le voir.
L'élément Code Embed est limité à 50 000 caractères. Notre intégration est bien en dessous, mais soyez prudent si vous combinez plusieurs éléments.
Le code personnalisé nécessite le plan Basic ($14/mois) au minimum. Le plan Starter gratuit supprime le code personnalisé à la publication.
Le « composant Embed » de Webflow a été renommé « Code Embed element » en 2024. Si un tutoriel mentionne « Embed », cherchez Code Embed dans le panneau Ajouter.
Si vous placez l'intégration dans un div avec display flex / grid, la racine Shadow DOM du formulaire est traitée comme un élément de bloc. Appliquez les styles sur l'élément parent, pas sur le composant.

Questions fréquentes

Le Designer n'affiche pas le formulaire — est-ce un problème ?

Non. Le Designer de Webflow n'exécute pas le code personnalisé — il affiche un espace réservé à l'emplacement de l'élément intégré. Pour voir le formulaire, cliquez sur Publier et consultez-le sur votre URL de prévisualisation *.webflow.io ou votre domaine en production.

Cela fonctionnera-t-il avec le plan Starter gratuit ?

Non — le code personnalisé nécessite le plan Basic ($14/mois) ou supérieur. Le plan Starter gratuit bloque tout le code personnalisé, donc l'intégration ne fonctionnera pas tant que vous n'aurez pas effectué la mise à niveau.

Je vois « Code Embed element » — est-ce la même chose que l'ancien « Embed » ?

Webflow a renommé le composant « Embed » en « Code Embed element » en 2024. C'est le même composant, avec un nouveau nom. Si votre tutoriel mentionne « Embed », cherchez Code Embed.

J'ai entendu parler d'une limite de 50 000 caractères ?

L'élément Code Embed est limité à 50 000 caractères par instance. Nos deux lignes sont bien en dessous de cette limite — mais si vous collez également des scripts d'analyse ou d'autre code personnalisé dans le même élément, surveillez le compteur.

Y a-t-il des conflits avec les interactions ou animations de Webflow ?

Non. Le composant est dans son propre Shadow DOM — il ne voit pas les interactions ou animations de Webflow, et Webflow ne voit pas ce qui se passe à l'intérieur du composant. Les deux fonctionnent côte à côte.

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

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

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.