Wiki pour l'équipe Futée

Exemple: https://wpcred.com/automatic-flatsome-lightbox-sign-up-popup/

Ce guide vous montre comment créer et afficher automatiquement un popup (lightbox) dans Flatsome en utilisant les UX Blocks et un shortcode.

Étape 1 : Créer le contenu du popup

  1. Dans le tableau de bord WordPress, allez dans UX Blocks.

  2. Cliquez sur Ajouter un bloc.

  3. Construisez le contenu de votre popup avec l’UX Builder (texte, image, formulaire, etc.).

  4. Enregistrez, puis copiez le shortcode de ce bloc.

👉 Exemple de shortcode généré :

[block id="contenu-lightbox-concours-nespresso"]

Étape 2 : Créer le lightbox (popup)

  1. Créez un nouveau bloc UX indépendant.

  2. Ajoutez-y le code suivant, en adaptant l’ID, la largeur et le contenu selon vos besoins :

[lightbox auto_open="true" auto_timer="3000" auto_show="once" id="contest-nespresso" width="600px" padding="20px"]
[block id="contenu-lightbox-concours-nespresso"]
[/lightbox]

  • auto_open= »true » → ouvre automatiquement le popup.

  • auto_timer= »3000″ → délai avant ouverture (en millisecondes, ici 3 secondes).

  • auto_show= »once » → affiche une seule fois par session (changer en « always » pour chaque visite).

  • id= »contest-nespresso » → identifiant unique du popup.

  • width / padding → dimensions personnalisées.

Enregistrez ce bloc et copiez son shortcode.

👉 Exemple de shortcode final :

[block id="automatic-pop-up"]

Étape 3 : Ajouter le popup dans le site

  1. Allez dans Flatsome → Advanced → Footer Scripts.

  2. Collez le shortcode du bloc contenant votre lightbox, par exemple :

[block id="automatic-pop-up"]

  1. Sauvegardez.

Résultat

Lorsqu’un visiteur arrive sur votre site, le popup s’ouvrira automatiquement après 3 secondes, selon vos réglages. 🎉