Comment utiliser Lightbox et Dynamic Lightbox avec Elementor

Votre site Web est le domaine en ligne de votre entreprise. C'est un endroit où toute personne qui est même un peu curieuse de ce que vous faites visitera. C'est souvent la toute première chose que la plupart des acheteurs considèrent même lorsqu'ils décident de rechercher un fournisseur de services ou lorsqu'il s'agit d'acheter un produit. Par conséquent, un site Web doit être quelque chose qui peut vraiment impressionner.  

Table des matières

Utilisation de l'Elementor Pro:

Si votre site Web est construit sur Elementor Pro , vous bénéficierez d'un gros avantage. Elementor Pro n'est pas seulement l'un des meilleurs constructeurs de pages Web sur WordPress, mais il est très unique et offre souvent de nombreuses façons de modifier l'apparence de votre page.

Il a un contraste brillant et une gamme de combinaisons de couleurs et il est également assez facile à utiliser. Vous pouvez littéralement intégrer n'importe quoi partout et cet avantage est complété par le fait que vous pouvez ajouter plus de 50 widgets sur votre site Web. L'une des fonctionnalités que nous allons couvrir aujourd'hui est l'utilisation de Lightbox et la façon dont elle peut totalement changer l'apparence de votre site Web.

Présentation de la Lightbox:

Lightbox est un outil que vous pouvez utiliser pour ajouter des images, des vidéos et même des carrousels dans une fenêtre pop-up. Habituellement, la meilleure façon d'expliquer cela est si vous voulez qu'une vidéo ou une image s'ouvre lorsque votre visiteur clique sur, disons un bouton. La Elementor Lightbox vous permet essentiellement d'afficher une image ou une vidéo d'une manière inattendue et n'est qu'un moyen créatif d'obtenir l'engagement d'un spectateur.

Utilisation de la Lightbox:

L'utilisation de l'Elementor Pro Lightbox est simple et directe. En règle générale, la Lightbox est activée par défaut, mais vous pouvez également l'activer en accédant aux paramètres globaux d'une page spécifique. Les paramètres globaux vous permettront d'apporter des modifications diverses et vous offriront de nombreuses options en termes d'effets d'image ou vidéo.

Pour accéder aux paramètres globaux, cliquez simplement sur l'icône du hamburger comme indiqué dans l'image ci-dessous:

Après cela, il vous suffit de cliquer sur les paramètres globaux:

Paramètres globaux:

Si vous activez l'option Image Lightbox, toutes les images liées s'ouvriront dans une fenêtre contextuelle ou Lightbox. Lorsque cette option est activée, elle offre une fonctionnalité exclusive sur l'ensemble de votre site Web.  

L'activation de l'option de compteur permettra d'afficher plusieurs images dans une Lightbox. Ceci est particulièrement utile lorsque vous essayez de présenter des amp chiers ou des images d'un certain produit dans différentes couleurs.

Le plein écran comme son nom l'indique, ouvrira votre image lightbox dans une image en taille réelle. Peut être utile si des détails spécifiques doivent être examinés dans une image.

Vous pouvez également activer une option de zoom avant, l'image de la lightbox est accessible à travers différents points à une position agrandie.

Vous pouvez également partager l'image lightbox sur les réseaux sociaux en autorisant l'option de partage.

Le titre d'une image Lightbox peut être affiché comme indiqué dans l'image suivante et le même cas est pour sa description. Vous pouvez choisir parmi des options telles que aucune, titre, légende, description de l'alt. Ceux-ci peuvent être définis individuellement lors du téléchargement d'une image.

Les paramètres globaux de Lightbox Dynamic sont essentiels car ils permettent de mieux comprendre les possibilités infinies que vous pouvez obtenir avec la Lightbox. Le fait est qu'il y a tellement de choses que vous pouvez faire avec et tout dépend de la façon dont vous pouvez faire preuve de créativité avec les images, les vidéos et la configuration des options.

Réglage des couleurs:

Les couleurs d'arrière-plan, d'interface utilisateur et de survol de l'interface utilisateur peuvent toutes être définies pour une image Lightbox ou une vidéo. Choisissez ce que vous aimez et réglez les couleurs de votre site Web à un niveau entièrement supérieur.

Téléchargement d'une image et modification:

L'utilisation de la Lightbox peut être mieux comprise lorsque vous téléchargez et modifiez une image. Dans l'image ci-dessous, vous remarquerez comment, dans la section de contenu, vous verrez une section Lightbox dédiée. Cette section peut être utilisée pour modifier et définir les paramètres d'une image spécifique.  


Cette section peut être utilisée pour mettre en œuvre des actions telles que le zoom avant sur l'image ou pour définir des options de partage social. Des options telles que la mise en œuvre plein écran et le diaporama peuvent également être définies.

Juste en dessous de la section des actions Lightbox, vous pouvez activer l'option de sous-titres. Quelle que soit la définition des légendes, elles s'affichent une fois qu'une image a été configurée dans le lien Lightbox. La légende sera affichée sous l'image.

En outre, des options telles que la définition de la typographie du texte et des couleurs peuvent également être définies dans la même section.



Les vidéos Lightbox donnent une toute nouvelle dimension à votre site Web. Parfois, les images ne décrivent pas en quoi consiste votre entreprise. Si vous souhaitez expliquer en détail les spécifications de votre produit ou de ses fonctionnalités, il est préférable d'avoir une vidéo liée dans votre section Lightbox. Accédez simplement à l'option de modification dans l'image ci-dessous et placez un lien ou une URL de votre vidéo. Lightbox dynamic accepte les liens vidéo de Youtube, Dailymotion et même Vimeo.  

Cette fonctionnalité vous permet d'ajouter une autre dimension à votre site Web. Expliquer les choses n'a pas été aussi simple auparavant grâce à une vidéo Lightbox!

Prix ​​d'Elementor:

Le thème Elementor est incroyable en termes de fonctionnalité et de production d'un produit de premier ordre! Avec des fonctionnalités telles que LightBox, il prend juste tout l'aspect de la création de sites Web à un nouveau niveau supérieur. Elementor est disponible en trois packages et dans les trois packages, LightBox est disponible. La seule différence est que dans Elementor Pro, vous pouvez créer des sites Web illimités!

L'utilisation de Lightbox dynamic est bénéfique à bien des égards, la meilleure partie est qu'elle est facile à mettre en œuvre sur tout votre site Web. L'idée de base est d'obtenir la traction que mérite votre site Web, cela peut être fait facilement via la Dynamic Lightbox. Alors qu'est-ce que tu attends? Préparez votre site Web dès aujourd'hui!

4 réflexions sur "Comment utiliser Lightbox et Lightbox dynamique avec Elementor"

  1. Bonjour,
    J'ai elementor pro, et j'ai bien activé la lightbox.
    Malgré tout elle ne se déclenche pas au clic !
    Est-ce que le thème peut parasiter elementor ?

    1. Cela dépend, mais je ne pense pas que le thème puisse bloquer une fenêtre contextuelle. Vous devez d'abord vérifier si vous rencontrez une erreur JS sur la page où le popup est chargé

  2. Wiesz może dlaczego Lightbox wyświetla u mnie podpisy pod zdjęciami w lewym dolnym rogu? Nie mogę tego zmienić w żaden sposób

Laisser un commentaire

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués *