Como usar o Lightbox e o Lightbox dinâmico com Elementor

Seu site é o domínio on-line da sua empresa. É um lugar onde qualquer pessoa que esteja um pouco curiosa sobre o que você faz visitará. Geralmente, é a primeira coisa que a maioria dos compradores vê ao decidir procurar um provedor de serviços ou quando se trata de comprar um produto. Portanto, um site deve ser algo que possa realmente impressionar.  

Tabela de Conteúdo

Usando o Elementor Pro:

Se o seu site for construído no Elementor Pro , você terá uma grande vantagem. O Elementor Pro não é apenas um dos melhores construtores de páginas de sites no WordPress, mas é altamente exclusivo e geralmente oferece muitas maneiras pelas quais você pode alterar a aparência da sua página.

Ele tem um contraste brilhante e uma variedade de combinações de cores e também é muito fácil de usar. Você pode literalmente incorporar qualquer coisa em qualquer lugar e essa vantagem é complementada pelo fato de que você pode adicionar mais 50 widgets ao seu site. Um dos recursos que iremos cobrir hoje é o uso do Lightbox e como ele pode mudar totalmente a aparência do seu site.

Apresentando o Lightbox:

O Lightbox é uma ferramenta que você pode usar para adicionar imagens, vídeos e até carrosséis em uma caixa de janela pop-up. Normalmente, a melhor maneira de explicar isso é se você deseja que um vídeo ou uma imagem seja aberta quando o visitante clicar em digamos um botão. A Elementor Lightbox, em essência, permite exibir uma imagem ou um vídeo de uma maneira inesperada e é apenas uma maneira criativa de obter o envolvimento de um espectador.

Usando a mesa de luz:

Usar o Elementor Pro Lightbox é fácil e direto. Geralmente, o Lightbox está ativado por padrão, mas você também pode ativá-lo acessando as configurações globais de uma página específica. As configurações globais permitem fazer alterações diversas e oferecem muitas opções em termos de efeitos de imagem ou vídeo.

Para acessar as configurações globais, basta clicar no ícone do hambúrguer, conforme indicado na imagem abaixo:

Depois disso, basta clicar nas configurações globais:

Configurações globais:

Se você ativar a opção Lightbox da imagem, todas as imagens vinculadas serão exibidas em uma janela pop-up ou Lightbox. Quando ativado, permite um recurso exclusivo em todo o seu site.  

Ativar a opção de contador permitirá que várias imagens sejam exibidas em um Lightbox. Isso é especialmente útil quando você está tentando mostrar s amp ou imagens de um determinado produto em cores diferentes.

A tela cheia, como o nome sugere, abrirá a imagem da sua mesa de luz em uma imagem em tamanho real. Pode ser útil se detalhes específicos precisarem ser vistos em uma imagem.

Você também pode ativar a opção de mais zoom, a imagem da mesa de luz pode ser acessada em diferentes pontos em uma posição ampliada.

Você também pode compartilhar a imagem da mesa de luz nas mídias sociais, permitindo a opção de compartilhamento.

O título de uma imagem Lightbox pode ser exibido como mostrado na próxima imagem e o mesmo caso é para sua descrição. Você pode escolher entre opções como nenhuma, Título, Legenda, Descrição da Alt. Eles podem ser configurados individualmente enquanto uma imagem é carregada.

As configurações globais da Lightbox Dynamic são essenciais porque fornecem uma melhor compreensão das infinitas possibilidades que você pode obter com a Lightbox. O fato é que há muito que você pode fazer com isso e tudo depende de quão criativo você pode obter com as imagens, vídeos e a configuração das opções.

Configurando as cores:

Todas as cores de fundo, interface do usuário e interface do usuário podem ser definidas para uma imagem da Lightbox ou um vídeo. Escolha o que você gosta e defina os esquemas de cores do seu site para um nível totalmente superior.

Upload de uma imagem e edição:

O uso do Lightbox pode ser melhor compreendido quando você está carregando e editando uma imagem. Na imagem abaixo, você notará como, na seção de conteúdo, verá uma seção Lightbox dedicada. Esta seção pode ser usada para editar e definir configurações para uma imagem específica.  


Esta seção pode ser usada para implementar ações como aplicar zoom na imagem ou definir opções de compartilhamento social. Opções como implementação em tela cheia e apresentação de slides também podem ser definidas.

Logo abaixo da seção Ações da caixa de luz, você pode ativar a opção de legendas. Qualquer que seja a definição das legendas, elas serão exibidas assim que uma imagem for configurada no link Lightbox. A legenda será exibida abaixo da imagem.

Além disso, opções como definir a tipografia de texto e cores também podem ser definidas na mesma seção.



Os vídeos do Lightbox oferecem uma vantagem totalmente nova ao seu site. Às vezes, as imagens não conseguem descrever o que é a sua empresa. Se você deseja explicar completamente as especificações do seu produto ou recursos, ter um vídeo vinculado na seção Lightbox é o caminho a seguir. Basta ir para a opção de edição na imagem abaixo e colocar um link ou URL do seu vídeo. A dinâmica do Lightbox aceita links de vídeo do Youtube, Dailymotion e até do Vimeo.  

Esse recurso permite adicionar outra dimensão ao seu site. Explicar as coisas não foi tão fácil antes através de um vídeo do Lightbox!

Preços do Elementor:

O tema Elementor é incrível em termos de funcionalidade e produção de um produto de primeira qualidade! Com recursos como o LightBox, apenas leva todo o aspecto da criação do site para um novo nível superior. O Elementor está disponível em três pacotes e, nos três pacotes, o LightBox está disponível. A única diferença é que no Elementor Pro você pode criar sites ilimitados!

O uso da dinâmica Lightbox é benéfico de várias maneiras, a melhor parte é que é fácil de implementar em todo o site. A idéia básica é obter a tração que seu site merece, isso pode ser feito facilmente através do Dynamic Lightbox. Então, o que você está esperando? Prepare seu site hoje!

4 pensamentos sobre “Como usar Lightbox e Lightbox dinâmico com Elementor”

  1. Bonjour,
    J'ai elementor pro, et j'ai bien active la lightbox.
    Malgré tout elle ne se déclenche pas au clic!
    Este é o tema que pode parasitar o elemento?

    1. Depende, mas não acho que o tema possa bloquear um pop-up. Primeiro você precisa verificar se encontra algum erro de JS na página onde o pop-up é carregado

Deixe um comentário

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *