Complement de WordPress: obriu un vídeo en una caixa de llum amb Elementor

Botó Elementor Obre Lightbox de vídeo

Hem adoptat un lloc web amb un client que s'ha creat amb Elementor, un fantàstic complement d'edició per arrossegar i deixar anar per a WordPress que transforma el fàcil que és crear dissenys complexos i bonics que responen ... sense programació ni la necessitat d'entendre els codis curts.

Elementor té algunes limitacions, una de les quals em vaig trobar amb treballar en un lloc client. Simplement volien un botó que obrís un vídeo en un Lightbox ... cosa que Elementor no ofereix. Podeu solucionar el problema amb una imatge amb o sense un botó de reproducció ... però Elementor té un element de botó fantàstic. Em sorprèn que no ho hagin ofert fora de la caixa.

Afortunadament, hi ha un connector per a això.

Complements essencials per a Elementor

Afortunadament, hi ha diversos complements fantàstics per a Elementor al mercat. Però heu de tenir molta precaució a l’hora de seleccionar un desenvolupador de connectors. Tenir un lloc de WordPress construït a Elementor crea una dependència d’Elementor. A continuació, tenir un complement construït per un altre proveïdor crea una altra dependència. És fonamental per a l'èxit del vostre lloc de WordPress assegurar-vos que el desenvolupador de connectors tingui moltes instal·lacions i els ingressos associats per mantenir i millorar els connectors a mesura que s'actualitzin les versions de WordPress i Elementor.

Un fantàstic complement és el Complements essencials per a Elementor. Amb més de 800,000 instal·lacions, el connector pot ser el complement complementari d’elements més popular d’Elementor al mercat. Una característica clau d’aquest connector és la possibilitat d’afegir i configurar fàcilment un lightbox per al vostre lloc web de WordPress construït amb Elementor.

Botó Lightbox Elementor

Un cop hàgiu instal·lat la versió de pagament del complement Essential Add-Ons per a Elementor, activeu el fitxer Lighbox i Modal per veure l'element dels elements Elementor. A continuació, podeu cercar-lo i arrossegar-lo fàcilment a la vostra pàgina:

elementor lighbox modal

A continuació, voldreu modificar un parell de paràmetres per a l'element:

  • Establiu Configuració> Activador a Feu clic al botó
  • Establiu Configuració> Tipus a Botó
  • Configureu Configuració> Text del botó
  • Establiu el contingut> Tipus a Enllaç a la pàgina / vídeo / mapa
  • Configureu el contingut> Proporcioneu l'URL de la pàgina / vídeo / mapa a l'URL del vostre vídeo

A continuació, podeu personalitzar la caixa de llum i l’estil de botons segons sigui necessari. És una experiència perfecta entre aquest complement i Elementor.

botó lightbox elementor

Tot i que potser val la pena pagar aquesta característica, el complement Essential Add-Ons per a Elementor té una gran quantitat d’altres funcions incloses tant en una versió gratuïta com de pagament. Nota: La funcionalitat Lightbox es troba en la versió de pagament.

Complements essencials per a Elementor: elements gratuïts

La versió gratuïta té alguns elements bàsics que es poden afegir:

  • Quadre d'informació - Mostra la informació clau amb el tipus de quadre d'informació afegint Icon On Top i afegeix efectes d'animació.
  • Acordió avançat - mostreu contingut, activeu la icona de commutació, empleneu la secció d'acordió amb el text desitjat i feu que sembli interactiu per al públic.
  • Woo Product Grid - Mostra els productes de WooCommerce a qualsevol lloc i mostra els productes per categoria, etiquetes o atributs. Afegiu fàcilment efectes de vol sobre el disseny per fer-lo impressionant.
  • flip Box - Mostra el contingut de manera meravellosa amb l’animació cap a la dreta / esquerra al cursor del ratolí.
  • Pestanyes avançades - mostreu informació clau d’una manera interactiva que admeti el disseny de pestanyes imbricades personalitzades per atreure públic en una instància.
  • Taula de Preus - Creeu una taula de preus de productes eficaç amb un estil perfecte per obtenir més vendes dels vostres possibles compradors.
  • Acordió d’imatge - Ressalteu les imatges amb increïbles efectes de cursor i clic fent servir EA Image Accordion. 
  • Publicar quadrícula - mostrar diverses publicacions de bloc en un disseny de quadrícula. Podeu triar el disseny preferit entre la configuració del disseny, afegir-hi animació i fer que sembli interactiu per als visitants.
  • Crida a l'acció - Estilitzeu el contingut, el color i el vincle de la vostra crida a l'acció per dirigir els visitants a l'acció desitjada.
  • Compte enrere - Construir i dissenyar un temporitzador a partir d’una selecció de diferents estils.
  • Publicar cronologia - mostreu publicacions de blocs, pàgines o publicacions personalitzades en un disseny vertical impressionant. Podeu configurar el nombre preferit de publicacions, afegir efectes sorprenents, superposició d'imatges, botons i molt més per arrossegar l'interès del públic.
  • Galeria filtrable: mostra imatges amb categories separades, estils de quadrícula i personalitza el disseny general per garantir un aspecte extraordinari.

Baixeu-vos els complements essencials per a Elementor

Complements essencials per a Elementor: elements de pagament

Amb la versió de pagament, obtindreu molts més elements que realment proporcionen les màximes capacitats al tema basat en Elementor.

  • Lightbox i Modal - Mostra els teus vídeos, imatges o altres continguts amb una finestra emergent. Podeu definir les accions d'activació desitjades, afegir una animació i configurar el disseny per maximitzar la interacció.
  • Comparació d’imatges - donar als vostres possibles compradors la possibilitat de comparar les vostres dues imatges de producte (Vell contra nou) d’una manera sorprenent.
  • Carrusel de logotip - Trieu l’efecte carrusel del vostre desig, afegiu un logotip i estileu la sortida per mostrar tots els vostres clients o socis.
  • Efectes Parallax - permeteu als vostres visitants experimentar el vostre lloc amb un efecte de paral·laxi de diverses capes que incorpora fins i tot una interacció del cursor del ratolí.
  • Promoció - Afegiu un encapçalament atractiu, contingut intern, contingut del ratolí i imatges boniques per captar l'atenció del vostre visitant.
  • Commuta el contingut: Afegiu un efecte de cursor al vostre contingut que ressalti les diferències en què voleu que es centrin els visitants.
  • Google Maps: configureu un element del mapa, afegiu icones de marcador i feu-lo interactiu per als visitants.
  • Efecte de partícules - afegiu seccions creatives al vostre lloc web per fer-lo ressaltar.
  • Targetes interactives - Incorporeu funcions avançades com el desplaçament intern i els efectes del cursor als blocs de contingut.
  • El contingut protegit - restringir el contingut amb una contrasenya o per funció d’usuari.
  • Publicació de blocs - mostreu les publicacions del vostre bloc amb una varietat d’estils únics mitjançant el poder del CSS Flex modern. Podeu triar un disseny, afegir animacions, afegir una icona i estilitzar tot, inclosos els efectes del cursor.
  • Descripció emergent avançada - Afegiu consells d'informació sobre i sota del contingut.
  • One Page Navigation - creeu un lloc web d'una sola pàgina amb només uns quants clics mitjançant Elementor.
  • Control lliscant de testimonis - Creeu un tauler de testimonis interactiu que mostri diverses ressenyes meravellosament en una àrea de contingut.
  • Instagram - Atraieu l’atenció dels visitants del vostre lloc i atraieu més seguidors d’Instagram mostrant un feed d’Instagram al vostre lloc.
  • Hotspot d'imatge - Afegiu punts d'accés a la zona d'imatges amb consells personalitzats, de manera que l'usuari pugui fer clic als punts d'accés per mostrar un text associat.

Una opció amb el connector que realment agraeixo és la possibilitat d’habilitar o desactivar cadascun d’aquests elements al lloc. Això limita la sobrecàrrega de l'script de cada funció que s'afegeix al vostre lloc.

Baixeu-vos els complements essencials per a Elementor

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.