Pop-ups et formulaires de contact sur Showit : capturer ses leads sans plugin
Capter les coordonnées de tes visiteurs sans outil tiers, afficher un formulaire d’inscription à ta newsletter au bon moment, créer un formulaire de contact qui atterrit dans ta boîte mail – Showit te permet de faire tout ça, sans installer de plugin. Ce guide couvre le formulaire natif Showit, la création de pop-ups et l’intégration BDOW! pour aller plus loin.
Le formulaire de contact natif Showit
Showit inclut un système de formulaire natif basé sur les Canvas Views : View 1 = le formulaire à remplir, View 2 = le message de remerciement. Deux états du même canvas. Il est idéal pour les communications basiques – formulaire de contact, demande de devis, prise de contact simple.
<aside> ⚠️ ⚠️ Ce formulaire natif n’est pas conçu pour des volumes élevés (+50 soumissions/jour). Pour des concours, des séquences automatisées ou des formulaires avancés (menus déroulants, cases à cocher), utilise un outil tiers embedé.
</aside>
View 1 : le formulaire
Chaque champ de saisie est une zone de texte standard dans laquelle tu actives le mode Enable Input. Sélectionne la zone de texte → onglet Contact Form dans le panneau de droite.
Les réglages des champs
- Enable Input – transforme la zone de texte en champ de saisie. À activer sur chaque champ.
- Required – le formulaire ne peut pas être soumis sans que ce champ soit rempli.
- Reply To – à cocher sur le champ email. Permet de répondre directement à l’expéditeur quand tu cliques Répondre dans ta messagerie.
- In Subject – ce qui est saisi dans ce champ s’ajoute à l’objet de l’email reçu. Pratique pour filtrer tes messages.
- Label – étiquette qui s’ajoute devant la saisie dans l’email reçu (ex : « Nom: Sophie Martin » plutôt que juste « Sophie Martin »).
Le bouton Envoyer
Le bouton Submit a besoin de 2 click actions correctement configurées pour fonctionner :
- Link → Canvas → This Canvas → View 2 (affiche le message de remerciement)
- La case Submit Contact Form doit être cochée – sinon le formulaire s’affiche mais n’envoie rien
View 2 : le message de remerciement
Cette view s’affiche automatiquement après soumission. Tu y ajoutes n’importe quel contenu : un message, une prochaine étape, un lien vers ton calendrier, une offre spéciale.
Je ne reçois pas les messages : que faire ?
- Vérifie tes spams – les messages viennent de noreply@showit.co. Ajoute cette adresse à ton carnet d’adresses.
- Vérifie que tu n’es pas désabonné(e) de Showit – si tu as cliqué par accident sur Unsubscribe dans un email Showit, rouvre un ancien email et réabonne-toi.
- La case Submit Contact Form est-elle cochée ? – c’est la cause #1 des formulaires muets.
Créer un pop-up natif Showit
Un pop-up dans Showit, c’est simplement un canvas en mode Hidden to Start qui se déclenche par une action. Pas de plugin, pas de code. Deux déclencheurs possibles : le clic ou le scroll.
Pop-up au clic (bouton ou lien)
- Crée un canvas avec ton contenu (formulaire, offre, newsletter…)
- Sélectionne ce canvas → onglet Canvas dans le panneau de droite → coche Hidden to Start
- Sur l’élément déclencheur (un bouton, un texte) : Click Action → Show Canvas → (ton canvas de pop-up)
- Sur l’élément X de fermeture dans le pop-up : Click Action → Hide Site Canvas → This Site Canvas
Pop-up au scroll (exit intent ou scroll trigger)
Même procédé pour le canvas (Hidden to Start), mais le déclencheur est une Scroll Action placée sur un canvas. Sélectionne le canvas de la page à partir duquel tu veux déclencher → onglet Scroll Actions → add action → Show Canvas → (ton pop-up). Choisis le point de déclenchement (pourcentage de scroll).
BDOW! : les formulaires et pop-ups avancés
Pour des formulaires plus complexes (menus déroulants, cases à cocher, séquences automatisées, triggers avancés sur pop-ups), Showit recommande BDOW! – un outil gratuit compatible nativement avec Showit.
Connecter BDOW! à ton site Showit
- Crée un compte gratuit sur bdow.com → copie ton SiteID
- Dans Showit : Site Settings → onglet Integrations → colle ton SiteID dans le champ BDOW!
- Publie ton site design pour activer l’intégration
Créer un formulaire inline avec BDOW!
Dans BDOW! : Manage → Create Form → choisis Inline Form à l’étape 2 → configure tes champs → à l’étape 4 sélectionne Manual Mode → copie le code embed généré. Dans Showit, ajoute un widget Embed Code sur ton canvas → colle le code.
Créer un pop-up avec BDOW!
Même procédé, mais sélectionne Pop-up Form à l’étape 2. Pas besoin d’embed supplémentaire : une fois ton SiteID dans Showit, le pop-up se déclenche automatiquement. Dans l’onglet Visibility de BDOW!, tu contrôles : quand (délai, scroll, exit intent), où (pages spécifiques), combien de fois.
Options gratuites supplémentaires
Si tu veux embarquer un formulaire tiers existant (HoneyBook, Dubsado, Typeform, Google Forms…) : copie le code embed fourni par la plateforme → dans Showit, ajoute un widget Embed Code sur ton canvas → colle le code → redimensionne le widget. D’autres options gratuites compatibles : JotForm, Cognito Forms, 123FormBuilder.
Ce que tu peux faire maintenant
- Ouvre ton formulaire de contact existant → vérifie que la case Submit Contact Form est cochée sur ton bouton → envoie un message test
- Crée un pop-up simple (canvas + Hidden to Start + click ou scroll action) pour promouvoir ton lead magnet ou ta newsletter
- Si tu as besoin de champs avancés (menu déroulant, cases à cocher) : crée un compte BDOW! et connecte-le à ton site en 5 minutes via Site Settings