Como usar Lightbox e Lightbox dinâmico com o Elementor

Seu website é o espaço online da sua empresa. É um lugar que qualquer pessoa minimamente curiosa sobre o que você faz irá visitar. Muitas vezes, é a primeira coisa que a maioria dos compradores consulta ao decidir contratar um prestador de serviços ou comprar um produto. Portanto, um website precisa ser algo que realmente impressione. 

Índice

• Índice
• Utilizando o Elementor Pro:
• Apresentamos a Lightbox:
• Utilizando a Lightbox:
• Configurações globais:
• Definindo as cores:
• Carregar e editar uma imagem:
• Ações da Lightbox:
• Vídeos Lightbox:
• Preços do Elementor:

Utilizando o Elementor Pro:

Se o seu site foi construído com o Elementor Pro , você tem uma grande vantagem. O Elementor Pro não é apenas um dos melhores construtores de páginas para WordPress, mas também é altamente exclusivo e oferece diversas maneiras de personalizar a aparência da sua página.

Possui um contraste incrível e uma variedade de combinações de cores, além de ser bastante fácil de usar. Você pode literalmente incorporar qualquer coisa em qualquer lugar, e essa vantagem é complementada pelo fato de poder adicionar mais de 50 widgets ao seu site. Um dos recursos que abordaremos hoje é o uso do Lightbox e como ele pode transformar completamente a aparência do seu site.

Apresentamos a Lightbox:

O Lightbox é uma ferramenta que permite adicionar imagens, vídeos e até mesmo carrosséis em uma janela pop-up. Geralmente, a melhor maneira de explicar é imaginar que um vídeo ou uma imagem seja exibido quando o visitante clicar em um botão, por exemplo. O Lightbox do Elementor, em essência, permite exibir uma imagem ou um vídeo de uma maneira inesperada e criativa para engajar o público.

Utilizando a Lightbox:

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

Para acessar as configurações globais, basta clicar no ícone de menu (três linhas horizontais), conforme indicado na imagem abaixo:

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

Configurações globais:

Se você ativar a opção Lightbox de imagens, todas as imagens vinculadas serão abertas em uma janela pop-up ou Lightbox. Essa opção, quando ativada, oferece um recurso exclusivo para todo o seu site. 

Ativar a opção de contador permitirá que várias imagens sejam exibidas em uma Lightbox. Isso é especialmente útil quando você deseja mostrarampou imagens de um determinado produto em cores diferentes.

Como o nome sugere, a opção Tela Cheia abrirá a imagem da lightbox em tamanho real. Isso pode ser útil se você precisar visualizar detalhes específicos na imagem.

Você também pode ativar a opção de zoom; a imagem da lightbox pode ser acessada em diferentes pontos quando ampliada.

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

O título de uma imagem Lightbox pode ser exibido como mostrado na próxima imagem, e o mesmo vale para a sua descrição. Você pode escolher entre opções como "Nenhum", "Título", "Legenda", "Descrição" ou "Texto Alternativo". Essas opções podem ser definidas individualmente durante o upload da imagem.

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. A verdade é que há muito que você pode fazer com ele, e tudo depende da sua criatividade com as imagens, vídeos e configurações.

Definindo as cores:

É possível definir as cores de fundo, da interface do usuário e do efeito de foco (hover) para imagens ou vídeos em lightbox. Escolha o que mais lhe agrada e eleve o nível das cores do seu site.

Carregar e editar uma imagem:

A melhor maneira de usar o Lightbox é ao fazer o upload e editar uma imagem. Na imagem abaixo, você verá uma seção dedicada ao Lightbox na área de conteúdo. Essa seção permite editar e configurar as definições de uma imagem específica. 

Ações da Lightbox:

Esta seção pode ser usada para implementar ações como ampliar a imagem ou definir opções de compartilhamento em redes sociais. Opções como 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. As legendas que você definir serão exibidas assim que uma imagem for configurada no link do Lightbox. A legenda será exibida abaixo da imagem.

Além disso, opções como a definição da tipografia do texto e das cores também podem ser configuradas na mesma seção.

Vídeos Lightbox:

Os vídeos do Lightbox dão um novo diferencial ao seu site. Às vezes, as imagens não conseguem descrever completamente a essência da sua empresa. Se você deseja explicar detalhadamente as especificações ou funcionalidades do seu produto, ter um vídeo vinculado à sua seção Lightbox é a solução ideal. Basta acessar a opção de edição na imagem abaixo e inserir o link ou URL do seu vídeo. O Lightbox Dynamic aceita links de vídeos do YouTube, Dailymotion e até mesmo do Vimeo. 

Este recurso permite adicionar uma nova dimensão ao seu site. Explicar as coisas nunca foi tão fácil como com um vídeo Lightbox!

Preços do Elementor:

O tema Elementor é incrível em termos de funcionalidade e na produção de um produto de altíssima qualidade! Com recursos como o Lightbox, ele eleva a criação de sites a um novo patamar. O Elementor está disponível em três planos, e o Lightbox está presente em todos eles. A única diferença é que no Elementor Pro você pode criar sites ilimitados!

Utilizar o Lightbox dinâmico traz muitos benefícios, sendo o principal deles a facilidade de implementação em todo o seu site. A ideia básica é obter a visibilidade que seu site merece, e isso pode ser feito facilmente com o Lightbox dinâmico. Então, o que você está esperando? Prepare seu site hoje mesmo!