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.

Ajoutez un formulaire de contact à votre site statique : Astro, Hugo, 11ty, Jekyll

Un seul extrait dans votre modèle de mise en page. Fonctionne avec Astro, Hugo, 11ty, Jekyll et tous les autres générateurs de sites statiques.

<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 — et les sites statiques représentent le cas le plus simple. Pas de sandbox de plugin, pas d'éditeur qui supprime les scripts, pas de niveau de forfait. Les deux lignes s'insèrent dans votre modèle de mise en page de la même façon qu'elles s'intégreraient dans n'importe quel fichier HTML.

Étape par étape

Ouvrez votre modèle de mise en page

Ouvrez le modèle qui englobe chaque page — celui qui contient déjà votre balise <body>.

Collez le code d'intégration

Collez à l'intérieur de <body> les deux lignes de la page de votre composant dans Toimii. Pour n'afficher le formulaire que sur certaines pages, placez les deux lignes dans une condition de votre générateur — le script et la balise vont ensemble.

Compilez et déployez

Compilez et déployez comme d'habitude. Ouvrez ensuite la page publiée et envoyez-vous un message de test.

Pièges

Placez la balise dans un modèle, pas dans un fichier de contenu Markdown. Le fait que le HTML brut survive au Markdown dépend d'un réglage propre à chaque générateur — dans Hugo, il passe par markup.goldmark.renderer.unsafe — alors qu'un modèle, lui, n'est pas passé par Markdown du tout.
Astro intègre à son bundle les balises script dont le seul attribut est src. La nôtre porte aussi async, et tout attribut autre que src fait qu'Astro laisse la balise tranquille — elle fonctionne donc telle quelle. Si un jour vous la réduisez à src seul, ajoutez is:inline.
Les hébergeurs statiques n'ajoutent pas de Content-Security-Policy par défaut. Si vous en définissez une vous-même — en en-tête de réponse HTTP ou avec une balise <meta> — autorisez cdn.toimii.io dans script-src et api.toimii.io dans connect-src.

Questions fréquentes

Comment l'ajouter dans Astro, Hugo, 11ty ou Jekyll ?

Rien ne les distingue — les étapes ci-dessus constituent toute la procédure dans les quatre cas. Nous ne donnons volontairement aucun chemin de fichier pour le modèle : chaque générateur nomme ce fichier différemment et les noms ont changé d'une version à l'autre, alors consultez la documentation de votre propre générateur.

Fonctionne-t-il sur GitHub Pages, Netlify, Vercel ou Cloudflare Pages ?

Oui, et chez tout autre hébergeur qui sert des fichiers statiques — rien ne tourne de votre côté. Ce qui compte, c'est l'adresse plutôt que l'hébergeur : les soumissions ne sont acceptées que depuis le domaine que vous avez indiqué dans Toimii, si bien qu'un build de prévisualisation sur le sous-domaine de l'hébergeur affiche le formulaire mais refuse le message.

Cela va-t-il ralentir mon build ?

Non. Le script se charge à l'exécution, pas au moment du build — votre build émet la balise script et le navigateur récupère le composant réel lorsqu'un visiteur accède à la page. Astro, Hugo, 11ty, Jekyll : tous non affectés.

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

Wix

Utilisez le Custom Element de Wix : l'URL du script de votre composant dans Server URL, sa balise dans Tag Name. L'intégration HTML ne fonctionnera pas — c'est un iframe sandbox.

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

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.