Como usar Lightbox e Lightbox dinâmico com Elementor

Seu site é o domínio online da sua empresa. É um lugar onde qualquer pessoa que tenha um pouco de curiosidade sobre o que você faz irá visitar. Muitas vezes, é a primeira coisa que a maioria dos compradores olha quando decide contratar um prestador de serviços ou quando se trata de comprar um produto. Portanto, um site deve ser algo que possa realmente impressionar.  

Índice

• Índice
• Usando o Elementor Pro:
• Apresentando a caixa de luz:
• Usando a caixa de luz:
• Configurações globais:
• Configurando as cores:
• Carregando uma imagem e editando:
• Ações da caixa de luz:
• Vídeos de lightbox:
• Preço do Elementor:

Usando o Elementor Pro:

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

Possui 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 poder adicionar mais 50 widgets ao seu site. Uma das funcionalidades que abordaremos hoje é o uso do Lightbox e como ele pode mudar totalmente o visual do seu site.

Apresentando a caixa de luz:

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

Usando a caixa de luz:

Usar o Elementor Pro Lightbox é fácil e direto. Geralmente, o Lightbox está habilitado 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 permitirão que você faça alterações diversas e oferecem muitas opções em termos de efeitos de imagem ou vídeo.

Para ir para as configurações globais basta clicar no ícone de 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 de imagem, todas as imagens vinculadas serão abertas em um 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 exibir amp ou imagens de um determinado produto em cores diferentes.

A tela cheia, como o nome sugere, abrirá a imagem do lightbox em tamanho real. Pode ser útil se detalhes específicos precisarem ser observados em uma imagem.

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

Você também pode compartilhar a imagem lightbox nas redes sociais, permitindo a opção de compartilhamento.

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

As Configurações Globais do Lightbox Dynamic são essenciais porque proporcionam uma melhor compreensão das infinitas possibilidades que você pode alcançar com o Lightbox. O fato é que há muito que você pode fazer com isso e tudo depende de quão criativo você consegue ser com as imagens, vídeos e configuração das opções.

Configurando as cores:

As cores de fundo, UI e UI Hover podem ser definidas para uma imagem 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.

Carregando uma imagem e editando:

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

Ações da caixa de luz:

Esta seção pode ser usada para implementar ações como ampliar a 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 configuradas.

Logo abaixo da seção de ações do Lightbox você pode ativar a opção de legendas. Independentemente do que você definiu para as 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 configuração de tipografia de texto e cores também podem ser definidas na mesma seção.

Vídeos de lightbox:

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

Este recurso permite que você adicione outra dimensão ao seu site. Explicar as coisas não foi tão fácil antes através de um vídeo Lightbox!

Preço do Elementor:

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

Usar o Lightbox dinâmico é benéfico de várias maneiras, a melhor parte é que é fácil de implementar em todo o seu site. A ideia básica é conseguir 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 mesmo!