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.

La façon la plus simple d'ajouter un formulaire de contact à une page HTML simple

Deux lignes n'importe où dans <body>. Aucune étape de compilation, aucune dépendance. Si vous savez enregistrer et mettre en ligne, vous pouvez le faire.

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

Est-ce que ça fonctionne vraiment ?

Oui — et c'est le cas le plus simple qui soit. Le HTML brut ne comporte ni sandboxing de plugin, ni éditeur qui supprime les scripts, ni restriction de formule. Les deux lignes fonctionnent partout où vous pouvez enregistrer et mettre en ligne un fichier .html.

Étape par étape

Ouvrez votre fichier .html

Ouvrez le fichier .html sur lequel vous souhaitez afficher le formulaire, dans n'importe quel éditeur de texte — VS Code, Sublime, Notepad++, ou même TextEdit (en mode texte brut).

Collez le code d'intégration

Collez les deux lignes issues de votre tableau de bord Toimii à l'intérieur de <body>, exactement là où vous souhaitez que le formulaire apparaisse.

Enregistrez et mettez en ligne

Enregistrez le fichier et mettez-le en ligne sur votre hébergement — FTP, S3, Netlify Drop, selon votre méthode habituelle. Ouvrez la page dans un navigateur pour vérifier.

Pièges courants

Ne collez pas le code dans <head>. L'élément personnalisé est une balise de niveau body — il doit se trouver à l'intérieur de <body>.
N'omettez pas l'attribut async sur la balise script. Sans lui, le script bloque le rendu du reste de la page.
Si vous copiez-collez depuis un éditeur de texte enrichi, vous risquez d'obtenir des guillemets typographiques (" ") au lieu de guillemets droits ("). Utilisez un éditeur de texte brut — VS Code, Sublime, Notepad, TextEdit en mode texte brut.
Si votre page contient déjà des balises meta Content-Security-Policy, autorisez cdn.toimii.io dans script-src et connect-src. La plupart des pages HTML simples n'ont pas de CSP du tout.

Questions fréquentes

Ai-je besoin d'un backend ou de PHP ?

Aucun backend nécessaire. Les soumissions partent directement du formulaire vers l'API de Toimii — votre page HTML peut être hébergée n'importe où, même sur un hébergeur statique gratuit.

Puis-je ouvrir le fichier .html directement avec file:// ?

Cela dépend du navigateur. Chrome et Safari ouvrent les fichiers .html via file:// sans problème ; Firefox bloque les scripts cross-origin sur les URL file://. Pour des tests fiables, lancez un petit serveur local (npx serve, python -m http.server) et ouvrez http://localhost.

Est-ce que ça fonctionne dans CodePen, JSFiddle ou un bac à sable ?

Oui — collez les deux lignes dans le panneau HTML. Le script se chargera et le composant s'affichera dans l'iframe de prévisualisation.

Est-ce que ça fonctionne hors ligne ?

La page se charge, mais le formulaire nécessite un accès réseau pour envoyer. Si un visiteur est hors ligne, la page s'affiche normalement — il ne peut tout simplement pas envoyer son message tant qu'il n'est pas reconnecté.

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

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

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.