Passer au contenu principal

Masquer une section puis l’afficher automatiquement

Avec BizzBizz.io, vous pouvez masquer une section, puis l’afficher automatiquement après un délai défini ou lors d’un clic.

A
Écrit par Alicia
Mis à jour il y a plus de 2 mois

1. À quoi ça sert concrètement ?

Cette technique est idéale pour :

  • Attirer l’attention au bon moment (ex. : révéler un bouton "Acheter" après 30 secondes)

  • Maintenir le focus du visiteur sur un seul objectif à la fois

  • Créer un effet de surprise ou de bonus débloqué après interaction

🐝 L’astuce de Beezy : C’est aussi parfait pour les funnels vidéos où vous souhaitez afficher une offre uniquement après un temps de visionnage minimum.


2. Étape par étape

Étape 1 – Créer la section à afficher plus tard

  1. Allez sur votre l'éditeur de page

  2. Ajoutez une nouvelle section à votre page.

  3. Intégrez les éléments à afficher plus tard : bouton, texte, formulaire, image…

  4. Cliquez sur la section > ouvrez les paramètres

  5. Donnez-lui un nom explicite dans le champ "Nom de la section"
    👉 Exemple : section_offre_reveal


Étape 2 – Masquer la section

Dans les paramètres avancés de la section Styles :

  1. Cochez "Masquer sur bureau" et "Masquer sur mobile"

Résultat : la section est invisible au chargement, mais reste présente dans le code de la page.

🐝 L’astuce de Beezy : Cette méthode est plus propre que de supprimer l’élément ou de le cacher via des marges négatives.


Étape 3 – Ajouter un déclencheur

Option 1 – Afficher après un certain temps

  1. Ajoutez un bloc Minuterie (compte à rebours ou timer invisible)

  2. Dans les paramètres de la minuterie, sélectionnez l’action en cas de nouvelle visite :

    • Masquer le compte à rebours et afficher l'élément

  3. Dans la sélection Afficher les éléments, sélectionnez la section que vous avez créé à l'étape 1 (ex. : section_offre_reveal)

Option 2 – Afficher au clic sur un bouton

  1. Sélectionnez le bouton déclencheur (ex. : "Je veux l’offre")

  2. Dans les actions de clic, choisissez :

    • Afficher une section

  3. Sélectionnez la section masquée

🐝 L’astuce de Beezy : Combinez les deux : affichez une section au bout de 30 secondes ou si l’utilisateur clique manuellement. Idéal pour des pages longues ou une stratégie d’urgence + action.


Étape 4 – Tester votre page

  1. Cliquez sur Aperçu

  2. Vérifiez que :

    • La section est bien masquée au départ

    • Elle s’affiche au bon moment ou au clic

  3. Testez sur desktop ET mobile pour garantir un comportement identique


3. Exemples concrets

Cas d’usage

Déclencheur

Contenu à afficher

Tunnel vidéo avec offre limitée

Minuterie après 15 min

Bouton “Rejoindre la formation”

Page de vente longue

Clic sur “Voir l’offre”

Formulaire de commande

Page événement live

Minuterie à l'heure H

Lien Zoom / Replay


4. Ce qu’il faut retenir

✔️ Ajoutez une section avec un nom clair
✔️ Masquez-la sur desktop et mobile
✔️ Déclenchez son affichage via un timer ou un bouton
✔️ Testez la logique sur tous les formats

Avez-vous trouvé la réponse à votre question ?