Intégrer sa landing page

Page hébergée par Kitsuite {#hebergee}

Chaque kit génère automatiquement une page hébergée par Kitsuite, accessible à l'adresse /p/{slug-de-votre-kit}. Aucun CMS, aucun hébergement externe n'est requis.

Ce que la page contient

Votre landing page complète (titre, bénéfices, CTA)
Un formulaire de capture intégré (prénom + email)
Votre branding (couleurs et logo si renseignés)

Activer la synchronisation ESP

Dès qu'un visiteur soumet le formulaire, Kitsuite peut envoyer automatiquement le contact dans votre liste Brevo ou MailerLite.

Allez dans Dashboard > Intégrations
Connectez votre ESP (Brevo ou MailerLite) en saisissant votre clé API REST
Retournez dans votre kit — les nouveaux leads s'ajoutent automatiquement à la liste dédiée

Note : Pour Brevo, utilisez une clé API REST (préfixe xkeysib-) et non vos identifiants SMTP. Vous la trouvez dans Paramètres > Clés API.

Importer les blocs Gutenberg dans WordPress {#gutenberg}

Kitsuite génère un fichier gutenberg.html contenant votre landing page avec les commentaires de blocs natifs WordPress (, , etc.). Ce format est directement collable dans l'éditeur.

Étapes

Téléchargez le fichier Gutenberg HTML depuis l'éditeur Kitsuite
Ouvrez WordPress et créez une nouvelle page (Pages > Ajouter)
Dans l'éditeur Gutenberg, cliquez sur les trois points en haut à droite → Éditeur de code
Sélectionnez tout le contenu existant et remplacez-le par le contenu du fichier .html
Repassez en Éditeur visuel pour vérifier le rendu
Ajoutez votre formulaire d'inscription (plugin recommandé : WPForms, Fluent Forms ou votre plugin d'emailing)
Publiez la page

Conseil : Installez un plugin comme Rank Math ou Yoast SEO pour renseigner le titre et la meta description de votre page de capture avant publication.

Personnaliser les couleurs

Les blocs importés utilisent les styles par défaut de votre thème. Pour appliquer vos couleurs de marque, utilisez les options de couleur dans la barre latérale droite de Gutenberg sur chaque bloc.

Importer dans Elementor {#elementor}

Kitsuite génère un fichier elementor.json compatible avec l'import natif d'Elementor.

Étapes

Téléchargez le fichier Elementor JSON depuis l'éditeur Kitsuite
Dans WordPress, créez une nouvelle page et ouvrez-la avec Elementor
Cliquez sur l'icône hamburger (☰) en haut à gauche → Importer un template
Sélectionnez l'onglet Mon appareil et importez le fichier .json
Cliquez sur Insérer pour placer les blocs sur la page
Personnalisez les couleurs, polices et images depuis le panneau de gauche
Ajoutez un widget Formulaire d'Elementor Pro ou connectez votre plugin d'emailing
Sauvegardez et publiez

Note : L'import JSON nécessite Elementor (version gratuite suffisante pour les blocs de base). Certaines fonctionnalités avancées (formulaires natifs, animations) nécessitent Elementor Pro.

Utiliser le HTML dans d'autres outils {#autres}

Le fichier landing-page.html est un fichier HTML autonome avec CSS intégré. Il fonctionne sans dépendance externe.

Webflow

Dans Webflow, créez une nouvelle page
Ajoutez un élément Embed (HTML)
Collez le contenu du fichier HTML dans le champ d'embed
Ajustez les styles via le panneau Webflow ou en modifiant le CSS dans le <style>

Alternativement, utilisez Webflow > Pages > Custom Code pour injecter le HTML dans le <body>.

Framer

Dans Framer, ajoutez un composant Code
Collez le HTML en tant que composant React ou utilisez l'option Embed
Framer supporte le HTML/CSS natif dans les composants code

Squarespace

Créez une nouvelle page de type Blank (page vierge)
Ajoutez un bloc Code (disponible sur les plans Business et supérieurs)
Collez le contenu HTML
Ajustez la mise en page via les options de bloc Squarespace

Systeme.io, Learnybox, Podia

Ces plateformes tout-en-un disposent généralement d'un éditeur de landing page natif. Utilisez alors le fichier Markdown comme base de rédaction pour copier-coller le contenu dans leur éditeur.

Site statique (Netlify, Vercel, GitHub Pages)

Renommez le fichier landing-page.html en index.html, déposez-le dans votre dépôt ou glissez-le dans l'interface de Netlify Drop. Votre page est en ligne en moins d'une minute.