Connecter tes outils à ton site web Showit sans plugin : ConvertKit, MailerLite, Calendly, YouTube et plus

27 mai 2026 — Tutoriels Showit en français

partager

[ez-toc]

Le guide pour créer un site web qui bosse pour ton business

Dans cet article, je vous montre comment intégrer vos outils à votre site Showit sans plugin ni tracas techniques.

Vous avez déjà tout ce qu’il vous faut ConvertKit, Calendly, YouTube.

Le problème, c’est qu’ils sont chacun dans leur coin.

Showit permet de les connecter directement dans votre design, via une fonctionnalité native. Sans installation. Sans maintenance. Sans développeur.

Et je vous explique aussi une astuce avec Calendly qui garde votre page rapide et votre branding intact.

Voyons comment ça marche.

Ce que vous pouvez connecter à Showit

Avant d’entrer dans la technique, voici ce que ça permet concrètement :

  • Votre liste email → vous intègrez vous formulaire d’inscription ConvertKit ou MailerLite directement dans tes pages
  • Votre agenda → vous connectez Calendly pour que vos prospects réservent un appel sans quitter votre site
  • Votre vidéo de vente (VSL) → vous intègrez votre vidéo YouTube ou Vimeo dans votre page de vente, avec votre design autour
  • Vous système de paiement → vous intègrez un bouton PayPal ou une boutique Shopify
  • Vos outils d’analyse et de tracking → Google Analytics, Google Tag Manager, Meta Pixel s’activent en quelques clics depuis les réglages natifs de Showit

Les deux façons d’intégrer un outil dans Showit

1. Le widget “Embed Code” : pour les outils visuels

C’est le code qui s’affiche visuellement sur votre page : un formulaire, une vidéo, un widget de réservation. vous le placez dans le canvas de Showit comme n’importe quel autre élément de design.

→ C’est ce que vous utilises pour ConvertKit, MailerLite, YouTube, Vimeo, Shopify, PayPal.

2. Les Integrations natives de Showit : pour le tracking

Pour les outils de suivi Google Tag Manager, Google Analytics, Meta Pixel Showit a des champs dédiés dans ses réglages. Vous n’avez pas besoin de toucher au code HTML manuellement.

C’est ce que vous utilisez pour GTM, GA4, Meta Pixel.

Intégrer un formulaire ou une vidéo (widget Embed Code)

Étape 1 : Récupèrez le code embed de ton outil

Tous les outils sérieux vous fournissent un “embed code” un bout de code HTML à copier-coller. Vous n’avez pas besoin de le comprendre. Vous le copiez, c’est tout.

  • ConvertKit / Kit → dans votre formulaire → “Embed” → copie le code HTML
  • MailerLite → dans votre formulaire d’inscription → “Embedded form” → copie le code HTML
  • YouTube → sous votre vidéo → “Partager” → “Intégrer” → copie le code <iframe>
  • Vimeo → sous votre vidéo → “Share” → “Embed” → copie le code <iframe>

Étape 2 : Ajoutez un widget “Embed Code” dans Showit

Dans l’éditeur Showit, sur la page où vous voulez afficher l’outil :

  1. Cliquez sur l’icône Éléments dans la barre du bas
  2. Sélectionnez “Embed Code”
  3. Une boîte noire apparaît sur votre canvas c’est le placeholder, c’est normal

Étape 3 : Collez votre code

  1. Cliquez sur la boîte noire
  2. Dans le panneau de droite, cliquez sur l’onglet “Embed Info”
  3. Cliquez sur “Custom Code” une fenêtre pop-up s’ouvre
  4. Collez votre code → Save

Étape 4 : Positionnez et redimensionnez

Déplace et redimensionne la boîte comme n’importe quel élément dans Showit. Le rendu réel n’est visible que sur le site publié.

<aside> 💡 ⚠️ À noter : Showit affiche le code exactement tel qu’il est fourni par l’outil. Si le rendu ne s’adapte pas parfaitement à ta mise en page, c’est une contrainte du code de l’outil, pas de Showit.

</aside>

Calendly : embed ou simple lien — laquelle choisir ?

Pour Calendly, vous avez deux options. Et la plus simple est souvent la meilleure.

Option A — Le bouton ou le lien (recommandé)

Vous créez un simple bouton dans Showit et vous y collez votre lien Calendly. Au clic, Calendly s’ouvre en pop-up. Avantages :

  • La page reste légère et rapide à charger
  • Le design du bouton est 100% dans votre branding (couleur, typographie, arrondi tout contrôlé par vous dans Showit)
  • Aucun widget externe qui s’affiche et qui peut visuellement “casser” votre mise en page

C’est l’option idéale pour une page “Travailler avec moi” ou une landing page de call découverte.

Option B — L’embed inline (pour les cas spécifiques)

Si vous voulez afficher le calendrier directement visible sur votre page sans que la visiteuse ait à cliquer , vous pouvez utiliser le widget Embed Code avec le code fourni par Calendly (“Inline Embed”). C’est utile sur une page dédiée à la réservation, là où la seule action attendue est de prendre rendez-vous.

<aside> 💡 La règle simple : si la prise de rendez-vous est une action parmi d’autres sur la page → utilise un bouton. Si c’est l’unique objectif de la page → utilise l’embed.

</aside>

Connecter Google Tag Manager, Google Analytics et Meta Pixel

Pour ces trois outils, Showit fait encore plus simple : pas besoin de toucher au code HTML. Il y a des champs dédiés directement dans les réglages du site.

Google Tag Manager

  1. Dans votre compte GTM, copie votre GTM ID (format : GTM-XXXXXXX) il se trouve en haut à droite de votre espace de travail
  1. Dans Showit, ouvrez les Site Settings
  2. Allez dans l’onglet “Integrations”
  3. Collez votre GTM ID dans le champ dédié → Save → Publish

<aside> 💡 💡 Google Analytics et Meta Pixel fonctionnent exactement de la même façon : Site Settings → Integrations → champ dédié → colle ton ID. Showit gère l’injection du code automatiquement. Pas de copier-coller de script, pas de risque d’erreur.

</aside>

Problème classique : impossible de coller le code dans Showit ?

C’est un bug fréquent sur Chrome. Voici comment le régler en 1 minute :

  1. Ouvre les paramètres Chrome → Confidentialité et sécurité → Paramètres des sites
  1. Cherche app.showit.com → descends jusqu’à “Presse-papiers” → passe sur “Autoriser”
  1. Rafraîchi l’éditeur Showit vous pouvez coller à nouveau.

Récapitulatif : quel type d’intégration pour quel outil ?

  • ConvertKit / Kit → Embed Code → Widget Embed Code → Custom Code
  • MailerLite → Embed Code → Widget Embed Code → Custom Code
  • Calendly → Lien ou Embed Code → Bouton/lien ou Widget Embed Code
  • YouTube / Vimeo → Embed Code → Widget Embed Code → Custom Code
  • Bouton PayPal / Shopify → Embed Code → Widget Embed Code → Custom Code
  • Google Tag Manager → Intégration native → Site Settings → Integrations
  • Google Analytics → Intégration native → Site Settings → Integrations
  • Meta Pixel → Intégration native → Site Settings → Integrations

Par où commencer ?

Si vous venez d’ouvrir Showit ou que vous voulez optimiser un site existant, voici les trois intégrations qui ont le plus d’impact immédiat :

  1. Votre formulaire email (ConvertKit ou MailerLite) → sur votre page d’accueil et votre page à propos c’est la base de ta liste
  2. Votre lien Calendly → un bouton sur votre page “Travailler avec moi” pour convertir les visiteuses en prospects directement
  3. Google Analytics + Meta Pixel via Site Settings → Integrations si vous faites ou envisagez des pubs, ces données doivent tourner dès maintenant