Comment utiliser Lightbox et Lightbox dynamique avec Elementor

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

Table des matières

• Table des matières
• Utilisation d'Elementor Pro :
• Présentation de la Lightbox :
• Utilisation de la Lightbox :
• Paramètres globaux :
• Définition des couleurs :
• Téléchargement d'une image et modification :
• Actions de la visionneuse :
• Vidéos Lightbox :
• Tarifs d’Elementor :

Utilisation d'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 créateurs de pages de sites Web sur WordPress, mais il est tout à fait unique et offre souvent de nombreuses façons de modifier l'apparence de votre page.

Il offre 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 aborderons 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 contextuelle. Habituellement, la meilleure façon d'expliquer cela est de savoir si vous souhaitez qu'une vidéo ou une image s'ouvre lorsque votre visiteur clique sur, disons, un bouton. L'Elementor Lightbox vous permet essentiellement d'afficher une image ou une vidéo d'une manière inattendue et constitue simplement un moyen créatif d'obtenir l'engagement d'un spectateur.

Utilisation de la Lightbox :

L’utilisation de Elementor Pro Lightbox est simple et directe. Généralement, la Lightbox est activée par défaut mais vous pouvez également l'activer en vous rendant dans les paramètres globaux d'une page spécifique. Les paramètres globaux vous permettront d'effectuer 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 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 Lightbox d'image, toutes les images liées s'ouvriront dans une fenêtre contextuelle ou une Lightbox. Lorsqu'elle est activée, cette fonctionnalité permet 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 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 dans une position zoomée.

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 s'applique à sa description. Vous pouvez choisir parmi des options telles que aucun, Titre, Légende, Description de 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 réaliser avec la Lightbox. Le fait est que vous pouvez faire tellement de choses avec et tout dépend de votre créativité avec les images, les vidéos et la configuration des options.

Définition 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 définissez 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. 

Actions de la visionneuse :

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

Juste en dessous de la section Actions Lightbox, vous pouvez activer l’option de sous-titres. Quoi que vous ayez défini pour les légendes, elles seront affichées une fois qu'une image aura été configurée dans le lien Lightbox. La légende sera affichée sous l'image.

De plus, 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.

Vidéos Lightbox :

Les vidéos Lightbox donnent un tout nouvel avantage à votre site Web. Parfois, les images ne parviennent pas à décrire ce qu’est votre entreprise. Si vous souhaitez expliquer pleinement les spécifications de votre produit ou de vos fonctionnalités, avoir une vidéo liée dans votre section Lightbox est la voie à suivre. Accédez simplement à l’option d’édition dans l’image ci-dessous et placez un lien ou une URL de votre vidéo. Lightbox dynamique 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 jamais été aussi simple auparavant grâce à une vidéo Lightbox !

Tarifs d’Elementor :

Le thème Elementor est incroyable en termes de fonctionnalités et produit un produit de premier ordre ! Avec des fonctionnalités telles que LightBox, tout l’aspect de la création de sites Web passe à un 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 un nombre illimité de sites Web !

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