Content Marketing

WordPress-plugin: Öppna en video i en ljuslåda med Elementor

Vi har antagit en webbplats med en klient som byggdes med Elementor, ett fantastiskt drag-and-drop-redigeringsplugin för WordPress som förvandlar hur enkelt det är att bygga komplexa, vackra layouter som är lyhörda ... utan programmering eller behovet av att förstå kortkoder.

Elementor har vissa begränsningar, varav en jag stötte på att arbeta på en klientwebbplats. De ville helt enkelt ha en knapp som öppnade en video i en Lightbox ... något som Elementor inte erbjuder. Du kan kringgå problemet med en bild med eller utan en uppspelningsknapp ... men Elementor har ett fantastiskt knappelement. Jag är förvånad över att de inte erbjöd detta ur lådan.

Tack och lov finns det ett plugin för det!

Viktiga tillägg för Elementor

Tack och lov finns det flera bra tillägg för Elementor ute på marknaden. Du måste dock vara ganska försiktig när du väljer en plugin-utvecklare. Att ha en WordPress-webbplats byggd på Elementor skapar ett beroende av Elementor. Att skapa ett tillägg av en annan leverantör skapar sedan ett annat beroende. Det är avgörande för framgången för din WordPress-webbplats att se till att plugin-utvecklaren har många installationer och tillhörande intäkter för att underhålla och förbättra pluginsna när versioner av WordPress och Elementor uppdateras.

Ett fantastiskt plugin är Viktiga tillägg för Elementor. Med över 800,000 XNUMX installationer kan plugin vara det mest populära elementtilläggsprogrammet för Elementor på marknaden. En nyckelfunktion i detta plugin är möjligheten att enkelt lägga till och konfigurera en lightbox för din WordPress-webbplats byggd med Elementor.

Elementor Lightbox-knapp

När du har installerat den betalda versionen av Essential-tillägg för Elementor-plugin aktiverar du Lighbox & Modal för att visa elementet i dina Elementor-element. Sedan kan du enkelt söka och dra in den på din sida:

elementor lightbox modal

Då vill du ändra några inställningar för elementet:

  • Ställ in Inställningar> Trigger till Knappklick
  • Ställ in Inställningar> Skriv till Knappen
  • Ställ in Inställningar> Button Text
  • Ställ in Innehåll> Skriv till Länk till sida / video / karta
  • Ställ in innehåll> Ange URL för sida / video / karta till din video-URL

Du kan sedan anpassa ljusboxen och knappstylingen efter behov. Det är en sömlös upplevelse mellan detta tillägg och Elementor.

elementor lightbox-knapp

Även om den funktionen kan ha varit värt att betala för, har Essential Add-Ons för Elementor-plugin massor av andra funktioner som ingår i både en gratis och betald version. Obs! Funktionen Lightbox finns i den betalda versionen.

Viktiga tillägg för Elementor: Free Elements

Den fria versionen har några grundläggande element som kan läggas till:

  • Info-ruta - Visa nyckelinformation med inforutstyp genom att lägga till ikon på toppen och lägga till animeringseffekter.
  • Avancerat dragspel - visa innehåll, aktivera växlingsikonen, fyll dragspelssektionen med önskad text och få den att se interaktiv ut för publiken.
  • Woo produktnät - Visa upp WooCommerce-produkter var som helst och visa produkter efter kategori, taggar eller attribut. Lägg enkelt till svävareffekter på layouten för att göra den fantastisk.
  • Vändbox - Visa upp innehåll vackert med vänd vänster / höger animering på musen.
  • Avancerade flikar - visa nyckelinformation på ett interaktivt sätt som stöder skräddarsydda kapslade flikar för att locka en publik i en instans.
  • Pristabell - skapa en effektiv prissättningstabell med perfekt styling för att få mer försäljning från dina potentiella köpare.
  • Bildspelet - Markera dina bilder med fantastiska svävar och klickeffekter med EA Image Dragspel. 
  • Post Grid - visa flera blogginlägg i en rutnätlayout. Du kan välja önskad layout från layoutinställningar, lägga till animering i den och få den att se interaktiv ut för besökare.
  • Uppmaning till handling - Formatera ditt Call to Action-innehåll, färga och länka det för att rikta besökare till önskad åtgärd.
  • Nedräkning - Bygg och design en timer från ett urval av olika stilar.
  • Inläggets tidslinje - visa blogginlägg, sidor eller anpassade inlägg i en fantastisk vertikal layout. Du kan ställa in önskat antal inlägg, lägga till fantastiska effekter, bildöverlägg, knapp och mer för att dra publikens intresse.
  • Filtrerbart galleri - Visa bilder med separata kategorier, rutmönster och anpassa den övergripande designen för att säkerställa ett extraordinärt utseende.

Ladda ner Essential Add-Ons för Elementor

Viktiga tillägg för Elementor: Paid Elements

Med den betalda versionen får du massor av fler element som verkligen ger maximal kapacitet i ditt Elementor-baserade tema.

  • Lightbox & Modal - visa upp dina videor, bilder eller annat innehåll med en popup. Du kan ställa in önskade utlösaråtgärder, lägga till en animering och ställa in layouten för att maximera engagemanget.
  • Bildjämförelse - ge dina potentiella köpare möjlighet att jämföra mellan dina två produktbilder (Gammal kontra Ny) på ett fantastiskt sätt.
  • Karusell logo - välj din önskade karuselleffekt, lägg till en logotyp och utforma utdata för att visa alla dina kunder eller partners vackert.
  • Parallaxeffekter - låt dina besökare uppleva din webbplats med en flerskiktad parallaxeffekt som till och med innehåller en muspekare.
  • promo - Lägg till en attraktiv rubrik, inre innehåll, övergångsinnehåll och vackra bilder för att fånga din besökares uppmärksamhet.
  • Innehållsbyte - Lägg till en svävareffekt i ditt innehåll som belyser skillnaderna du vill att dina besökare ska fokusera på.
  • Google Maps - Konfigurera ett kartelement, lägg till markörikoner och gör det interaktivt för besökare.
  • Partikeleffekt - lägg till kreativa avsnitt på din webbplats så att den sticker ut.
  • Interaktiva kort - ta med avancerade funktioner som intern rullning och svävaffekter till dina innehållsblock.
  • Skyddat innehåll - begränsa innehåll med ett lösenord eller efter användarroll.
  • Postblock - visa dina blogginlägg med olika unika stilar med kraften i modern CSS Flex. Du kan välja en layout, lägga till animering, lägga till en ikon och utforma allt - inklusive svävareffekter.
  • Avancerat verktygstips - lägg till verktygstips ovan och under innehållet.
  • Navigering på en sida - bygg en webbsida med bara några få klick med Elementor.
  • Vittnesmålslider - skapa en interaktiv utvärderingstavla som visar flera recensioner vackert i ett innehållsområde.
  • Instagram - fånga din webbplatsbesökares uppmärksamhet och få fler Instagram-följare genom att visa ett Instagram-flöde på din webbplats.
  • Bildhotspot - lägg till hotspots för bildområdet med anpassade verktygstips så att användaren kan klicka på hotspotsna för att avslöja en associerad text.

Ett alternativ med pluginet som jag verkligen uppskattar är möjligheten att aktivera eller inaktivera vart och ett av dessa element på webbplatsen. Detta begränsar omkostnaderna för varje funktions manus som läggs till på din webbplats.

Ladda ner Essential Add-Ons för Elementor

Douglas Karr

Douglas Karr är CMO för Öppna INSIGHTS och grundaren av Martech Zone. Douglas har hjälpt dussintals framgångsrika MarTech-startups, har hjälpt till med due diligence på över $5 miljarder i Martech-förvärv och investeringar, och fortsätter att hjälpa företag att implementera och automatisera sina försäljnings- och marknadsföringsstrategier. Douglas är en internationellt erkänd digital transformations- och MarTech-expert och talare. Douglas är också en publicerad författare till en Dummies guide och en bok om företagsledarskap.

Relaterade artiklar

Tillbaka till toppen knappen
Stänga

Adblock upptäckt

Martech Zone kan ge dig detta innehåll utan kostnad eftersom vi tjänar pengar på vår webbplats genom annonsintäkter, affiliate-länkar och sponsring. Vi skulle uppskatta om du tar bort din annonsblockerare när du tittar på vår webbplats.