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

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 construtores 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 de 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. 


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.



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 adicionar 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!

escritor

Ver comentários

  • Bonjour,
    J'ai elementor pro, e estou bem ativo a lightbox.
    Malgré tout elle ne se déclenche pas au clic!
    É que o tema pode ser um elemento parasita?

    • 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 foi carregado

  • O que você pode fazer com o Lightbox que pode ser usado com muita frequência? Nie mogę tego zmienić com żaden sposób

Postagens recentes

Como usar cabeçalhos e rodapés com Elementor

Os cabeçalhos e rodapés de um site são elementos essenciais. Na maioria dos casos, o cabeçalho fornece navegação…

6 de janeiro de 2022

Comparação de temas WordPress: Astra vs OceanWP

Dois dos temas WordPress mais populares do mercado são Astra e OceanWP. Profissional…

2 de janeiro de 2022

Comparação de temas de notícias WordPress: Jornal vs.

Criar um excelente site de notícias não exige que você se torne um web designer. Nós…

25 de outubro de 2021

Crie um site relacionado a notícias com tema de jornal

O tema Jornal é um dos temas WordPress mais importantes desenvolvido por tagDiv, um…

18 de outubro de 2021

Como construir um comércio eletrônico com o construtor Avada WooCommerce

Quando se trata de abrir uma loja online, WooCommerce é o plugin ideal. Isto…

4 de outubro de 2021

Como usar cabeçalho fixo e efeitos de rolagem com Elementor

Um cabeçalho geralmente é a primeira coisa que uma pessoa vê quando visita seu site,…

21 de setembro de 2021