Accueil › Guides › Intégration WordPress, Webflow, Wix
Tutoriel installation

Intégrer FormMatch sur
WordPress, Webflow ou Wix

Vous avez créé votre espace FormMatch et importé vos formations. Il ne reste qu'une étape : intégrer le widget sur votre site. Quelle que soit votre technologie — WordPress, Webflow, Wix, Squarespace ou un site HTML custom — l'installation se fait en moins de 5 minutes, sans développeur.

Ce dont vous avez besoin avant de commencer

  1. Un compte FormMatch actif — créez-le gratuitement ici si ce n'est pas encore fait
  2. Au moins une formation importée dans votre catalogue FormMatch
  3. Votre clé API (snippet de code) disponible dans Paramètres → Widget
  4. Un accès administrateur à votre site ou CMS

Le snippet à intégrer ressemble à ceci (votre clé personnelle remplace VOTRE_CLE_API) :

<script src="https://www.formmatch.fr/widget/VOTRE_CLE_API" defer></script>

Compatible avec tous les CMS

🟦
WordPress
✓ Compatible
🔷
Webflow
✓ Compatible
🟨
Wix
✓ Compatible
⬛
Squarespace
✓ Compatible
Pas encore de compte FormMatch ? Créez votre espace gratuitement et récupérez votre snippet en moins de 2 minutes.
Créer mon compte →

Installation sur WordPress

WordPress
1
Connectez-vous à votre tableau de bord WordPress (wp-admin).
2
Allez dans Apparence → Éditeur de thème (ou Éditeur de site si vous utilisez un thème bloc).
3
Ouvrez le fichier header.php (ou le fichier de mise en page principal). Cherchez la balise </body> et collez votre snippet juste avant.
4
Cliquez sur Mettre à jour le fichier. Rechargez votre site — le widget apparaît en bas à droite.

Alternative : installez le plugin gratuit Insert Headers and Footers (WPCode) et collez le snippet dans la section Body sans toucher au code du thème.

Installation sur Webflow

Webflow
1
Ouvrez votre projet dans le Webflow Designer.
2
Cliquez sur l'icône ⚙ Paramètres du projet (en haut à gauche).
3
Allez dans l'onglet Custom Code → section Footer Code. Collez-y votre snippet.
4
Cliquez sur Save Changes, puis publiez votre site avec Publish → Publish to webflow.io (ou votre domaine custom).

Note : le custom code n'est pas visible en mode prévisualisation dans Webflow. Publiez le site pour voir le widget en action.

Installation sur Wix

Wix
1
Dans votre éditeur Wix, cliquez sur Paramètres (icône ⚙) dans le menu de gauche.
2
Allez dans Avancé → Custom Code.
3
Cliquez sur + Ajouter un code personnalisé. Collez votre snippet, nommez-le "FormMatch Widget", choisissez Body — end comme emplacement et Toutes les pages.
4
Cliquez sur Appliquer et publiez votre site.

Important : sur Wix, le Custom Code nécessite un abonnement Premium actif. Il n'est pas disponible sur les plans gratuits.

Installation sur Squarespace

Squarespace
1
Dans votre panneau Squarespace, allez dans Paramètres → Avancé → Injection de code.
2
Collez votre snippet dans la zone Pied de page (Footer).
3
Cliquez sur Enregistrer. Le widget est actif immédiatement sur toutes vos pages.

Note : l'injection de code est disponible à partir du plan Business de Squarespace.

Installation sur un site HTML custom

Si votre site est développé sur mesure (HTML/CSS/JS, ou tout autre framework), l'intégration est encore plus simple :

<!-- Collez ce snippet juste avant </body> dans votre layout global -->
<script src="https://www.formmatch.fr/widget/VOTRE_CLE_API" defer></script>

L'attribut defer garantit que le widget se charge sans bloquer le rendu de votre page — votre score de performance Lighthouse n'est pas impacté.

Conseil performance : placez toujours le snippet avant </body>, jamais dans <head>. Cela évite de bloquer le rendu critique de votre page et améliore votre score Core Web Vitals (LCP, FID).
À lire aussi : chatbot IA pour organisme de formation Comprendre ce que fait le widget une fois installé — qualification, CPF, matching catalogue.
Lire l'article →

Installez votre widget en 5 minutes

Créez votre compte, copiez votre snippet, collez-le sur votre site. C'est tout.

Créer mon espace gratuitement

Pas encore convaincu ? Découvrir FormMatch →