Complemento de WordPress: abre un vídeo nunha caixa de luz con Elementor

Botón Elementor Abrir caixa de luz de vídeo

Adoptamos un sitio web cun cliente co que se creou Elementor, un fantástico complemento de edición de arrastrar e soltar para WordPress que transforma o fácil que é crear deseños complexos e fermosos que respondan ... sen programar nin a necesidade de comprender os códigos curtos.

Elementor ten algunhas limitacións, unha das que me atopei traballando nun sitio cliente. Simplemente querían un botón que abrise un vídeo nun Lightbox ... algo que Elementor non ofrece. Podería solucionar o problema usando unha imaxe con ou sen un botón de reprodución ... pero Elementor ten un bo botón. Sorpréndeme que non ofreceran isto fóra da caixa.

Afortunadamente, hai un complemento para iso.

Complementos esenciais para Elementor

Afortunadamente, hai varios complementos excelentes para Elementor no mercado. Non obstante, ten que ter moito coidado ao seleccionar un desenvolvedor de complementos. Ter un sitio de WordPress construído en Elementor crea unha dependencia de Elementor. Despois, ter un complemento construído por outro provedor crea outra dependencia. É fundamental para o éxito do seu sitio de WordPress asegurarse de que o desenvolvedor de complementos teña moitas instalacións e os ingresos asociados para manter e mellorar os complementos a medida que se actualizan as versións de WordPress e Elementor.

Un fantástico complemento é o Complementos esenciais para Elementor. Con máis de 800,000 instalacións, o complemento pode ser o complemento de elemento máis popular para Elementor no mercado. Unha característica clave deste complemento é a posibilidade de engadir e configurar facilmente unha caixa de luz para o seu sitio web de WordPress construído con Elementor.

Botón Lightbox Elementor

Unha vez que instale a versión de pago do complemento esencial para o complemento Elementor, habilite o Lighbox e Modal recurso para ver o elemento nos teus elementos Elementor. Entón podes buscalo e arrastralo facilmente á túa páxina:

elementor lighbox modal

Entón quererá modificar un par de axustes para o elemento:

  • Configure a Configuración> Desencadear en Faga clic no botón
  • Configure a Configuración> Tipo en Botón
  • Configure os axustes> Texto do botón
  • Configure o contido> Tipo en Ligazón á páxina / vídeo / mapa
  • Configure o contido> Proporciona URL de páxina / vídeo / mapa ao URL do teu vídeo

Podes personalizar a caixa de luz e o estilo do botón segundo sexa necesario. É unha experiencia perfecta entre este complemento e Elementor.

botón elemento lightbox

Aínda que esa característica pode valer a pena pagala, o complemento esencial para o complemento Elementor ten moitas outras funcións incluídas tanto na versión gratuíta como na de pago. Nota: a funcionalidade Lightbox está na versión de pago.

Complementos esenciais para Elementor: elementos libres

A versión gratuíta ten algúns elementos básicos que se poden engadir:

  • Caixa de información - Mostrar información clave co tipo de caixa de información engadindo Icon On Top e engadir efectos de animación.
  • Acordeón avanzado - amosar contido, activar a icona de conmutación, encher a sección de acordeón co texto desexado e facelo interactivo para o público.
  • Reixa de produtos Woo - Amosa os produtos de WooCommerce en calquera lugar e amosa produtos por categoría, etiquetas ou atributos. Engade facilmente efectos de desprazamento sobre o deseño para facelo impresionante.
  • Flip Box - Amosa o contido de forma fermosa coa animación esquerda / dereita ao pasar o rato.
  • Pestanas avanzadas - Amosar información clave dun xeito interactivo que admita o deseño de pestanas aniñadas personalizadas para atraer a unha audiencia nunha instancia.
  • Táboa de Prezos - crea unha táboa de prezos de produtos eficaz cun estilo perfecto para obter máis vendas dos teus potenciais compradores.
  • Acordeón de imaxe - Destaque as súas imaxes con sorprendentes efectos de desprazamento e clic usando EA Image Accordion. 
  • Post Grid - amosar varias publicacións de blog nunha disposición de cuadrícula. Podes escoller o teu deseño preferido entre a configuración do deseño, engadirlle animación e facelo interactivo para os visitantes.
  • Chamada á acción - Estile o contido da súa chamada á acción, cor e ligue para dirixir aos visitantes á acción desexada.
  • Conta atrás - Construír e deseñar un temporizador a partir dunha selección de estilos diferentes.
  • Cronoloxía da publicación - amosar publicacións de blogue, páxinas ou publicacións personalizadas nun impresionante deseño vertical. Podes establecer o teu número de publicacións preferido, engadir efectos sorprendentes, superposición de imaxes, botón e moito máis para arrastrar o interese do público.
  • Galería filtrable: mostra imaxes con categorías separadas, estilos de cuadrícula e personaliza o deseño xeral para garantir un aspecto extraordinario.

Descarga os complementos esenciais para Elementor

Complementos esenciais para Elementor: elementos de pago

Coa versión de pago, obtés unha tonelada máis de elementos que proporcionan realmente as máximas capacidades no teu tema baseado en Elementor.

  • Lightbox e Modal - Amosa os teus vídeos, imaxes ou outro contido cunha ventá emerxente. Pode configurar as accións de disparo desexadas, engadir unha animación e configurar o deseño para maximizar o compromiso.
  • Comparación de imaxes - capacite os seus compradores potenciais para comparar entre as súas dúas imaxes de produtos (Vello contra Novo) dun xeito sorprendente.
  • Carrusel de logotipo - Elixe o efecto carrusel do teu desexo, engade un logotipo e estiliza a saída para amosar moi ben a todos os teus clientes ou socios.
  • Efectos Parallax - permita aos seus visitantes experimentar o seu sitio cun efecto de paralaxe de varias capas que incluso incorpora unha interacción co rato.
  • Promo - Engade un título atractivo, contido interno, contido do rato e imaxes fermosas para captar a atención do visitante.
  • Alternar contido - Engade un efecto de desprazamento ao teu contido que resalte as diferenzas nas que desexas que se centren os teus visitantes.
  • Google Maps - Configurar un elemento de mapa, engadir iconas de marcador e facelo interactivo para os visitantes.
  • Efecto de partículas - engade seccións creativas no teu sitio web para que destaque.
  • Tarxetas interactivas - Trae recursos avanzados como o desprazamento interno e os efectos de desprazamento aos teus bloques de contido.
  • Contido protexido - restrinxir o contido cun contrasinal ou por función de usuario.
  • Publicar bloque - Amosa as publicacións do teu blog con variedade de estilos únicos usando o poder do CSS Flex moderno. Podes escoller un deseño, engadir animación, engadir unha icona e estilizar todo, incluídos os efectos de desprazamento.
  • Consello avanzado - engade consellos de ferramentas por riba e por baixo do contido.
  • Navegación nunha páxina - crea un sitio web cunha soa páxina con poucos clics usando Elementor.
  • Deslizante de testemuños - crear un taboleiro de testemuños interactivo que mostre varias críticas moi ben nunha área de contido.
  • Instagram - Chama a atención do visitante do teu sitio e atrae máis seguidores de Instagram mostrando un feed de Instagram no teu sitio.
  • Hotspot da imaxe - engade puntos de acceso á área de imaxe con consellos de ferramentas personalizados, para que o usuario poida facer clic nos puntos de acceso para revelar un texto asociado.

Unha opción co complemento que realmente aprecio é a posibilidade de habilitar ou desactivar cada un destes elementos dentro do sitio. Isto limita a sobrecarga do script de cada función que se engade ao seu sitio.

Descarga os complementos esenciais para Elementor

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.