Marketing de Conteúdo

Plug-in WordPress: abra um vídeo em uma caixa de luz com o Elementor

Adotamos um site com um cliente que foi desenvolvido com Elementor, um fantástico plugin de edição de arrastar e soltar para WordPress que transforma a facilidade de construir layouts bonitos e complexos que são responsivos ... sem programação ou a necessidade de entender códigos de acesso.

Elementor tem algumas limitações, uma das quais encontrei trabalhando em um site de cliente. Eles simplesmente queriam um botão que abrisse um vídeo em um Lightbox ... algo que o Elementor não oferece. Você pode contornar o problema usando uma imagem com ou sem um botão de reprodução ... mas o Elementor tem um ótimo elemento de botão. Estou surpreso que eles não tenham oferecido isso fora da caixa.

Felizmente, existe um plugin para isso!

Complementos essenciais para Elementor

Felizmente, existem vários ótimos add-ons para Elementor no mercado. No entanto, você deve ter bastante cuidado ao selecionar um desenvolvedor de plug-in. Ter um site WordPress construído no Elementor cria uma dependência do Elementor. Em seguida, ter um complemento criado por outro fornecedor cria outra dependência. É fundamental para o sucesso do seu site WordPress garantir que o desenvolvedor do plugin tenha muitas instalações e a receita associada para manter e melhorar os plug-ins conforme as versões do WordPress e Elementor são atualizadas.

Um plugin fantástico é o Complementos essenciais para Elementor. Com mais de 800,000 instalações, o plugin pode ser o plugin de complemento de elemento mais popular para Elementor no mercado. Um recurso importante neste plugin é a capacidade de adicionar e configurar facilmente uma caixa de luz para seu site WordPress construído com Elementor.

Botão Elementor Lightbox

Depois de instalar a versão paga do plugin Essential Add-Ons for Elementor, habilite o Lighbox e modal recurso para visualizar o elemento em seus elementos Elementor. Depois, você pode pesquisar e arrastá-lo para sua página facilmente:

modal elementor lighbox

Em seguida, você deseja modificar algumas configurações para o elemento:

  • Defina Configurações> Gatilho para Clique no botão
  • Defina as configurações> tipo para Botão
  • Defina as configurações> Texto do botão
  • Defina o Conteúdo> Tipo para Link para página / vídeo / mapa
  • Defina o conteúdo> Fornecer página / vídeo / URL do mapa para o URL do seu vídeo

Você pode então personalizar a caixa de luz e o estilo dos botões conforme necessário. É uma experiência perfeita entre este add-on e o Elementor.

botão elementor lightbox

Embora possa valer a pena pagar por esse recurso, o plugin Essential Add-Ons for Elementor tem uma tonelada de outros recursos incluídos em uma versão gratuita e paga. Nota: A funcionalidade Lightbox está na versão paga.

Complementos essenciais para Elementor: elementos livres

A versão gratuita possui alguns elementos básicos que podem ser adicionados:

  • Caixa de informação - Exibir informações importantes com o tipo Caixa de informações adicionando Ícone no topo e adicionar efeitos de animação.
  • Acordeão Avançado - exibir conteúdo, habilitar o ícone de alternância, preencher a seção de acordeão com o texto desejado e torná-lo interativo para o público.
  • Grade de produtos Woo - Mostre os produtos WooCommerce em qualquer lugar e exiba os produtos por categoria, tags ou atributos. Adicione facilmente efeitos de foco no layout para torná-lo impressionante.
  • Flip box - Apresente conteúdo lindamente com animação flip para a esquerda / direita ao passar o mouse.
  • Guias avançadas - exibe informações importantes de uma maneira interativa que oferece suporte a um design personalizado de guias aninhadas para atrair um público em uma instância.
  • Tabela de Preços - crie uma tabela de preços de produtos eficaz com um estilo perfeito para obter mais vendas de seus compradores em potencial.
  • Imagem Acordeão - Destaque suas imagens com incríveis efeitos de pairar e clicar usando o EA Image Accordion. 
  • Publicar Grelha - exibe várias postagens de blog em um layout de grade. Você pode escolher seu layout preferido nas configurações de layout, adicionar animação a ele e torná-lo interativo para os visitantes.
  • Call to Action - Estilize o conteúdo, a cor e o link de sua frase de chamariz para direcionar os visitantes à ação desejada.
  • Contagem regressiva - Construir e projetar um cronômetro a partir de uma seleção de estilos diferentes.
  • Linha do tempo da postagem - exiba postagens de blog, páginas ou postagens personalizadas em um layout vertical impressionante. Você pode definir seu número preferido de postagens, adicionar efeitos incríveis, sobreposição de imagem, botão e muito mais para atrair o interesse do público.
  • Galeria filtrável - exiba imagens com categorias e estilos de grade separados e personalize o design geral para garantir uma aparência extraordinária.

Baixe os add-ons essenciais para Elementor

Complementos essenciais para Elementor: elementos pagos

Com a versão paga, você obtém muitos elementos a mais que realmente fornecem recursos máximos em seu tema baseado em Elementor.

  • Lightbox e modal - mostre seus vídeos, imagens ou outro conteúdo com um pop-up. Você pode definir as ações de gatilho desejadas, adicionar uma animação e definir o layout para maximizar o envolvimento.
  • Comparação de Imagens - capacite seus compradores potenciais para comparar entre suas duas imagens de produtos (Velho versus Novo) de uma forma incrível.
  • Logotipo do Carrossel - escolha o efeito de carrossel de seu desejo, adicione um logotipo e estilize a saída para exibir todos os seus clientes ou parceiros lindamente.
  • Efeitos de paralaxe - permite que seus visitantes experimentem seu site com um efeito de paralaxe em várias camadas que incorpora até mesmo uma interação de passar o mouse.
  • Promo - Adicione um título atraente, conteúdo interno, conteúdo de mouseover e belas imagens para capturar a atenção do visitante.
  • Alternar conteúdo - Adicione um efeito de foco ao seu conteúdo que destaca as diferenças que você deseja que seus visitantes se concentrem.
  • Google Maps - Configurar um elemento do mapa, adicionar ícones de marcador e torná-lo interativo para os visitantes.
  • Efeito de partícula - adicione seções de criativos em seu site para destacá-lo.
  • Cartões interativos - traga recursos avançados como rolagem interna e efeitos de foco para seus blocos de conteúdo.
  • conteúdo protegido - restrinja o conteúdo com uma senha ou função do usuário.
  • Pós-bloqueio - exiba suas postagens de blog com uma variedade de estilos exclusivos usando o poder do CSS Flex moderno. Você pode escolher um layout, adicionar animação, adicionar um ícone e estilizar tudo - incluindo efeitos de foco.
  • Dica de ferramenta avançada - adicione dicas de ferramentas acima e abaixo do conteúdo.
  • Uma página de navegação - construir um site de uma única página com apenas alguns cliques usando Elementor.
  • Controle deslizante de testemunho - crie um quadro interativo de depoimentos que apresente várias avaliações lindamente em uma área de conteúdo.
  • Instagram - prenda a atenção do visitante do seu site e gere mais seguidores no Instagram exibindo um feed do Instagram em seu site.
  • Ponto de acesso da imagem - adicionar pontos de acesso da área de imagem com dicas de ferramentas personalizadas, para que o usuário possa clicar nos pontos de acesso para revelar um texto associado.

Uma opção com o plugin que eu realmente aprecio é a capacidade de habilitar ou desabilitar cada um desses elementos dentro do site. Isso limita a sobrecarga de cada script de recurso adicionado ao seu site.

Baixe os add-ons essenciais para Elementor

Douglas Karr

Douglas Karr é CMO de AbrirINSIGHTS e o fundador da Martech Zone. Douglas ajudou dezenas de startups de MarTech bem-sucedidas, auxiliou na due diligence de mais de US$ 5 bilhões em aquisições e investimentos da Martech e continua a auxiliar empresas na implementação e automatização de suas estratégias de vendas e marketing. Douglas é um especialista e palestrante em transformação digital e MarTech reconhecido internacionalmente. Douglas também é autor publicado de um guia para leigos e de um livro sobre liderança empresarial.

Artigos Relacionados

Voltar ao topo botão
Fechar

Adblock detectado

Martech Zone é capaz de fornecer a você esse conteúdo sem nenhum custo porque monetizamos nosso site por meio de receita de anúncios, links de afiliados e patrocínios. Agradeceríamos se você removesse seu bloqueador de anúncios ao visualizar nosso site.