Commune de Haselbourg
  • Accueil
  • Commune
    • Situation
    • Histoire
    • Conseil municipal
      • Équipe municipale
      • Délibérations
      • Bulletin communal
    • Associations
    • Pompiers
    • Presse
  • Salle polyvalente
    • Réservation
    • Tarifs
  • Pratique
    • Périscolaire
    • École – RPI
    • Bibliothèque
    • Collecte déchets
    • Hébergements
    • Adresses utiles
  • Photos
  • Contact
Sélectionner Une Page

To create a popup on load, you can use the new canvas feature of Divi and the Interaction feature to trigger.

To create a popup on page load using Divi 5's Canvas and Interactions, follow these steps:

Create a New Canvas:

Open your page in the Visual Builder.
Click the Canvas dropdown menu and select "Add Canvas."
Name your Canvas and click "Add Canvas" again to open a new Builder canvas.

Design Your Popup:

Add a new section to the Canvas by clicking the blue "+" icon.
You can use a pre-designed layout from the library, such as an email popup.
Make any necessary design changes using the Design tab, such as adjusting fonts, colors, and images.

Set the Popup Position:

Navigate to the Advanced tab, expand the Position menu, and set the Position to Fixed.
Set the Offset Origin to Center and increase the Z Index to ensure it appears above other content.

Configure Interactions:

In the Advanced tab of the section, expand the Interactions menu and click "+ Add Interaction."
Select "Load" as the Trigger Event, "Show Element" as the Effect Action, and choose the popup section as the Target Module.
Set a Time Delay (e.g., 5 seconds) to control when the popup appears after the page loads.

Add a Close Interaction:

In the popup section, add an Icon module for the close button.
In the Advanced tab, add an Interaction with "Click" as the Trigger Event and "Hide Element" as the Effect Action.

Test and Refine:

Use Divi's Customizable Responsive Breakpoints to ensure the popup looks good on all devices.

© 2019 Tous droits réservés

Nous utilisons des cookies sur notre site Web qui mémorisent vos préférences et les visites.
En cliquant sur «Accepter», vous consentez à l'utilisation des cookies.

AccepterRéglages cookiesRefuser
Politique de confidentialité - Utilisation du site

Politique de confidentialité et de cookies

Ce site Web utilise des « cookies » (fichiers informatiques nommés ainsi !) pour améliorer la navigation sur ce site Web. Parmi ces cookies, certains sont nécessaires et sont stockés sur votre navigateur car ils sont essentiels au fonctionnement des fonctionnalités de base du site Web. Il peut y avoir également des cookies tiers qui aident à analyser et à comprendre comment le site est consultés (par exemple : statistiques). Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement. Vous avez également la possibilité de désactiver ces cookies. Mais cette désactivation peut avoir un impact sur la qualité de navigation.

Necessary
Toujours activé
Les cookies nécessaires sont absolument indispensables au bon fonctionnement du site. Cette catégorie comprend uniquement les cookies qui assurent les fonctionnalités de base et les fonctionnalités de sécurité du site Web. Ces cookies ne stockent aucune information personnelle.
Non-necessary
Tous les cookies qui peuvent ne pas être particulièrement nécessaires au fonctionnement du site Web et qui sont utilisés spécifiquement pour collecter des données personnelles des utilisateurs via des analyses, des publicités et d\'autres contenus intégrés sont appelés cookies non nécessaires. Il est obligatoire d\'obtenir le consentement de l\'utilisateur avant d\'exécuter ces cookies sur votre site Web.
Enregistrer & appliquer