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 Squarespace avec un seul bloc Code

Un bloc Code, deux lignes. Le formulaire s'affiche sur la page publiée — ce n'est pas dans l'éditeur qu'il faut le vérifier.

<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 bloc Code accepte les deux lignes exactement telles qu'elles sont écrites et les exécute sur la page publiée. Une seule condition porte sur votre plan, voir ci-dessous.

Étape par étape

Ouvrir l'éditeur de page

Ouvrez la page sur laquelle vous souhaitez afficher le formulaire et passez en mode édition, puis ajoutez un bloc à l'endroit voulu.

Ajouter un bloc Code

Dans le menu des blocs, recherchez Code et sélectionnez le bloc Code. Laissez-le en mode HTML.

Coller le code d'intégration

Collez les deux lignes de la page de votre composant dans Toimii. Assurez-vous que le bouton « Display Source » est DÉSACTIVÉ afin que l'intégration s'affiche et non le code source.

Publier, puis vérifier la page en ligne

Enregistrez et publiez, puis ouvrez l'URL publiée et envoyez un message de test. Seul un message bien arrivé prouve que l'intégration fonctionne de bout en bout.

Abonnement requis

Il vous faut un plan dont les blocs Code sont autorisés à exécuter du JavaScript. Squarespace liste les plans éligibles sur sa propre page consacrée au bloc Code ; fiez-vous à cette page plutôt qu'à un tarif cité ailleurs, car les noms des plans ont changé et les prix varient selon la région et la période de facturation.

Pièges

Un bloc vide dans l'éditeur ne prouve rien — Squarespace masque volontairement le code personnalisé dans les vues où vous êtes connecté. Vérifiez sur la page publiée.
Si la page affiche les deux lignes sous forme de texte au lieu d'un formulaire, c'est que l'option « Display Source » du bloc Code est activée. Désactivez-la.
Deux éditeurs, deux façons d'ajouter un bloc : les sections dotées d'un bouton « Add Block » utilisent Fluid Engine, et là où il n'y a pas de bouton, vous cliquez sur un point d'insertion. Les instructions que vous trouverez ailleurs supposent en général l'un et pas l'autre.

Questions fréquentes

De quel plan Squarespace ai-je besoin ?

Un plan dont les blocs Code sont autorisés à exécuter du JavaScript. Tous les plans permettent d'ajouter un bloc Code et d'y coller du HTML, du Markdown ou du CSS — c'est l'exécution d'un script qui est réservée, et notre intégration est une balise script. Squarespace tient à jour la liste des plans éligibles sur sa page consacrée au bloc Code.

Mon formulaire n'apparaît pas dans l'éditeur Squarespace — est-il cassé ?

Probablement pas. La documentation de Squarespace indique elle-même que, par mesure de sécurité, votre code n'apparaît parfois pas tant que vous êtes connecté, alors même que les visiteurs le voient — et son remède est le bouton « Preview in Safe Mode », qui est là pour vous montrer l'élément intégré, pas pour le masquer. La page publiée, ouverte en étant déconnecté, tranche dans un sens ou dans l'autre.

Pourquoi utiliser Toimii plutôt que le formulaire intégré de Squarespace ?

Ils résolvent chacun une moitié du problème. Un bloc formulaire Squarespace achemine chaque soumission vers une destination de stockage que vous choisissez — e-mail, son panneau Contacts, Google Drive, Mailchimp ou Zapier — et il en faut au moins une pour que le formulaire accepte quoi que ce soit. Toimii est l'endroit où elles arrivent à la place : un tableau de bord conçu pour les lire et y répondre, pas une boîte de réception à surveiller en permanence.

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

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

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.