WordPress-plugin: Åbn en video i en lysboks med Elementor

Elementor-knap Åbn video-lysboks

Vi har vedtaget et websted med en klient, der blev bygget med Elementor, et fantastisk træk og slip redigerings plugin til WordPress, der transformerer, hvor let det er at opbygge komplekse, smukke layout, der er lydhøre ... uden programmering eller behovet for at forstå kortkoder.

Elementor har nogle begrænsninger, hvoraf den ene løb ind i at arbejde på et klientside. De ville bare have en knap, der åbnede en video i en lysboks ... noget, som Elementor ikke tilbyder. Du kan løse problemet ved hjælp af et billede med eller uden en afspilningsknap ... men Elementor har et fantastisk knapelement. Jeg er overrasket over, at de ikke tilbød dette ud af kassen.

Heldigvis er der et plugin til det!

Væsentlige tilføjelser til Elementor

Heldigvis er der flere gode tilføjelser til Elementor på markedet. Du skal dog være ganske forsigtig, når du vælger en plugin-udvikler. At have et WordPress-sted bygget på Elementor skaber en afhængighed af Elementor. Derefter skaber en tilføjelse bygget af en anden leverandør en anden afhængighed. Det er afgørende for succesen med dit WordPress-websted at sikre, at plugin-udvikleren har masser af installationer og den tilknyttede indtjening for at vedligeholde og forbedre plugins, efterhånden som versioner af WordPress og Elementor opdateres.

Et fantastisk plugin er Væsentlige tilføjelser til Elementor. Med over 800,000 installationer kan pluginet være det mest populære element add-on plugin for Elementor på markedet. En nøglefunktion i dette plugin er muligheden for nemt at tilføje og konfigurere en lightbox til dit WordPress-websted bygget med Elementor.

Elementor Lightbox-knap

Når du har installeret den betalte version af Essential Add-Ons for Elementor-plugin, skal du aktivere Lighbox & Modal funktion for at se elementet i dine Elementor-elementer. Derefter kan du let søge og trække det ind på din side:

elementor lighbox modal

Derefter vil du ændre et par indstillinger for elementet:

  • Indstil Indstillinger> Trigger til Klik på knappen
  • Indstil Indstillinger> Type til Button
  • Indstil Indstillinger> Button Text
  • Indstil Indhold> Skriv til Link til side / video / kort
  • Indstil indholdet> Angiv side / video / kort-URL til din video-URL

Du kan derefter tilpasse lysboks og knapstil efter behov. Det er en problemfri oplevelse mellem denne tilføjelse og Elementor.

elementor lysboks-knap

Mens denne funktion sammen måske har været værd at betale for, har Essential Add-Ons for Elementor-plugin et væld af andre funktioner inkluderet både i en gratis og betalt version. Bemærk: Lightbox-funktionaliteten er i den betalte version.

Væsentlige tilføjelser til Elementor: Gratis elementer

Den gratis version har nogle grundlæggende elementer, der kan tilføjes:

  • Info-boks - Vis nøgleoplysninger med Info Box-type ved at tilføje Icon On Top og tilføje animationseffekter.
  • Avanceret harmonika - vis indhold, aktiver skifteikonet, udfyld harmonika sektionen med den ønskede tekst og få det til at se interaktivt ud for publikum.
  • Woo-produktnet - Fremvis WooCommerce-produkter overalt og vis produkter efter kategori, tags eller attributter. Tilføj let svævende effekter på layoutet for at gøre det forbløffende.
  • Vend boks - Fremvis indhold smukt med flip venstre / højre animation på musen.
  • Avancerede faner - vise nøgleinformation på en interaktiv måde, der understøtter specialfremstillede indlejrede faneblad, der tiltrækker et publikum i en instans.
  • Prisfastsættelse Tabel - Opret en effektiv prisfastsættelsestabel med perfekt styling for at få mere salg fra dine potentielle købere.
  • Billed Harmonika - Fremhæv dine billeder med fantastiske svæve- og klikeffekter ved hjælp af EA Image Accordion. 
  • Indlæg Grid - vis flere blogindlæg i et gitterlayout. Du kan vælge dit foretrukne layout fra layoutindstillingerne, tilføje animation til det og få det til at se interaktivt ud for besøgende.
  • Opfordring til handling - Stil dit Call to Action-indhold, farve og link det for at dirigere besøgende til den ønskede handling.
  • Nedtælling - Byg og design en timer fra et udvalg af forskellige stilarter.
  • Post tidslinje - vis blogindlæg, sider eller tilpassede indlæg i et fantastisk lodret layout. Du kan indstille dit foretrukne antal indlæg, tilføje fantastiske effekter, billedoverlay, knap og mere for at trække publikums interesse.
  • Filtrerbart galleri - Vis billeder med separate kategorier, gitterformater, og tilpas det overordnede design for at sikre et ekstraordinært udseende.

Download de væsentlige tilføjelser til Elementor

Væsentlige tilføjelser til Elementor: Betalte elementer

Med den betalte version får du et ton flere elementer, der virkelig giver maksimal kapacitet i dit Elementor-baserede tema.

  • Lightbox & Modal - fremvis dine videoer, billeder eller andet indhold med en popup. Du kan indstille de ønskede triggerhandlinger, tilføje en animation og indstille layoutet for at maksimere engagement.
  • Billedsammenligning - bemyndig dine potentielle købere til at sammenligne mellem dine to produktbilleder (Gammel versus Ny) på en fantastisk måde.
  • Logo karrusel - vælg din ønske karruseleffekt, tilføj et logo og stil output for at vise alle dine kunder eller partnere smukt.
  • Parallaks effekter - tillad dine besøgende at opleve dit websted med en flerlags parallax-effekt, der endda indeholder en mus-svæver-interaktion.
  • Promo - Tilføj en attraktiv overskrift, indre indhold, mouseover-indhold og smukke billeder for at fange din besøgendes opmærksomhed.
  • Indhold skift - Føj en svævende effekt til dit indhold, der fremhæver de forskelle, du ønsker for dine besøgende at fokusere på.
  • Google Maps - Konfigurer et kortelement, tilføj markørikoner og gør det interaktivt for besøgende.
  • Partikeleffekt - tilføj kreative sektioner på dit websted for at gøre det skiller sig ud.
  • Interaktive kort - bringe avancerede funktioner som intern rulning og svæveeffekter til dine indholdsblokke.
  • Beskyttet indhold - Begræns indhold med en adgangskode eller efter brugerrolle.
  • Postblok - vis dine blogindlæg med forskellige unikke stilarter ved hjælp af kraften i moderne CSS Flex. Du kan vælge et layout, tilføje animation, tilføje et ikon og style alt - inklusive svæveeffekter.
  • Avanceret værktøjstip - tilføj værktøjstip over og under indholdet.
  • One Page Navigation - opret et websted med en enkelt side med kun få klik ved hjælp af Elementor.
  • Testimonial-skyderen - Opret et interaktivt anbefalingstavle, der viser flere anmeldelser smukt i et indholdsområde.
  • Instagram - fang din besøgendes opmærksomhed og få flere Instagram-tilhængere ved at vise et Instagram-feed på dit websted.
  • Billede hotspot - tilføj hotspots til billedområdet med brugerdefinerede værktøjstip, så brugeren kan klikke på hotspots for at afsløre en tilknyttet tekst.

En mulighed med pluginet, som jeg virkelig sætter pris på, er muligheden for at aktivere eller deaktivere hvert af disse elementer på webstedet. Dette begrænser overhead for hver funktions script, der føjes til dit websted.

Download de væsentlige tilføjelser til Elementor

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.