WordPress dodatak: Otvorite video u lightboxu sa Elementorom

Elementor dugme Otvori video lightbox

Usvojili smo web stranicu s klijentom s kojom je napravljeno Elementor, fantastičan dodatak za uređivanje povlačenjem i ispuštanjem za WordPress koji pretvara koliko je jednostavno graditi složene, lijepe izglede koji odgovaraju ... bez programiranja ili potrebe za razumijevanjem kratkih kodova.

Elementor ima neka ograničenja, od kojih sam jedno naletio radeći na klijentskoj web lokaciji. Jednostavno su željeli dugme koje otvara video u Lightboxu ... nešto što Elementor ne nudi. Mogli biste zaobići problem koristeći sliku sa ili bez gumba za reprodukciju ... ali Elementor ima sjajan element dugmeta. Iznenađen sam što ovo nisu ponudili iz kutije.

Srećom, postoji dodatak za to!

Osnovni dodaci za Elementor

Srećom, na tržištu postoji nekoliko sjajnih dodataka za Elementor. Ipak, morate biti prilično oprezni pri odabiru programera dodataka. Imati WordPress web stranicu izgrađenu na Elementoru stvara ovisnost o Elementoru. Zatim, stvaranje dodatka koji je izgradio drugi dobavljač stvara novu ovisnost. Za uspjeh vaše WordPress stranice presudno je osigurati da programer dodataka ima puno instaliranja i pripadajući prihod za održavanje i poboljšanje dodataka kako se ažuriraju verzije WordPressa i Elementara.

Jedan fantastičan dodatak je Osnovni dodaci za Elementor. S preko 800,000 XNUMX instalacija, dodatak je možda najpopularniji dodatak za elemente za Elementor na tržištu. Ključna karakteristika ovog dodatka je mogućnost jednostavnog dodavanja i konfiguriranja lightbox-a za vašu WordPress web lokaciju izgrađenu sa Elementor-om.

Dugme Elementor Lightbox

Jednom kada instalirate plaćenu verziju dodatka Essential Add-Ons for Elementor, omogućite Lighbox & Modal značajka za prikaz elementa u vašim elementima Elementor. Tada ga možete lako pretraživati ​​i povlačiti na svoju stranicu:

element ili lighbox modal

Tada ćete htjeti izmijeniti nekoliko postavki za element:

  • Postavite Postavke> Okidač na Button Click
  • Postavite Postavke> Tip na Dugme
  • Postavite Postavke> Button Text
  • Postavite Content> Type na Link na stranicu / video / mapu
  • Postavite Sadržaj> Navedite URL stranice / videozapisa / mape na URL vašeg videozapisa

Zatim prema potrebi možete prilagoditi stilski okvir okvira i gumba. To je besprijekorno iskustvo između ovog dodatka i Elementara.

dugme element ili lightbox

Iako je možda za ovu funkciju vrijedilo platiti, dodatak Essential Add-Ons for Elementor sadrži mnoštvo drugih funkcija uključenih u besplatnu i plaćenu verziju. Napomena: Funkcija Lightbox je u verziji koja se plaća.

Osnovni dodaci za Elementor: Slobodni elementi

Besplatna verzija sadrži neke osnovne elemente koji se mogu dodati:

  • Info Box - Prikažite ključne informacije s tipom Info Box dodavanjem Icon On Top i dodavanjem efekata animacije.
  • Napredna harmonika - prikažite sadržaj, omogućite ikonu za prebacivanje, ispunite odjeljak harmonike željenim tekstom i učinite da publika izgleda interaktivno.
  • Woo Product Grid - Izložite WooCommerce proizvode bilo gdje i prikažite proizvode po kategorijama, oznakama ili atributima. Jednostavno dodajte efekte lebdenja na izgled kako biste ga učinili zapanjujućim.
  • Flip Box - Lijepo predstavite sadržaj flip-lijevom / desnom animacijom prilikom prelaska mišem.
  • Napredne kartice - prikazati ključne informacije na interaktivan način koji podržava prilagođeni dizajn ugniježđenih kartica kako bi privukao publiku u instanci.
  • cijene Tabela - stvorite efikasnu tablicu cijena proizvoda sa savršenim stilom kako biste ostvarili veću prodaju od potencijalnih kupaca.
  • Image Harmonika - Istaknite svoje slike nevjerovatnim efektima lebdenja i klika pomoću EA Image Accordion. 
  • Post Grid - prikazati više blogova u mrežnom rasporedu. Iz postavki izgleda možete odabrati željeni izgled, dodati mu animaciju i učiniti ga posjetiteljima interaktivnim.
  • Poziv na akciju - Oblikujte sadržaj poziva u akciji, obojite ga i povežite kako biste usmjerili posjetitelje na željenu akciju.
  • Countdown - Izgradite i dizajnirajte timer iz izbora različitih stilova.
  • Post Timeline - prikazuju postove na blogu, stranice ili prilagođene postove u zadivljujućem vertikalnom rasporedu. Možete postaviti željeni broj postova, dodati nevjerovatne efekte, prekrivanje slike, dugme i još mnogo toga da biste povukli interes publike.
  • Galerija koja se može filtrirati - prikažite slike s odvojenim kategorijama, stilovima mreže i prilagodite cjelokupni dizajn kako biste osigurali izvanredan izgled.

Preuzmite osnovne dodatke za Elementor

Osnovni dodaci za Elementor: plaćeni elementi

Uz verziju koja se plaća dobivate još tonu elemenata koji zaista pružaju maksimalne mogućnosti u vašoj temi temeljenoj na Elementoru.

  • Lightbox & Modal - prikažite svoje video zapise, slike ili drugi sadržaj skočnim prozorom. Možete postaviti željene akcije okidača, dodati animaciju i postaviti izgled kako biste maksimizirali angažman.
  • Usporedba slika - osnažite potencijalne kupce da uspoređuju vaše dvije slike proizvoda (Staro naspram novog) na neverovatan način.
  • Vrtuljak s logotipom - odaberite efekt vrtuljka po želji, dodajte logotip i oblikujte izlaz kako biste lijepo prikazali sve svoje klijente ili partnere.
  • Parallax Effects - omogućite posjetiteljima da dožive vašu stranicu s višeslojnim efektom paralaksa koji čak uključuje i interakciju miša preko miša.
  • Promo - Dodajte atraktivan naslov, unutrašnji sadržaj, sadržaj prelaska mišem i lijepe slike kako biste privukli pažnju posjetitelja.
  • Prebacivanje sadržaja - Dodajte efekt lebdenja vašem sadržaju koji naglašava razlike na koje želite da se vaši posjetitelji usredotoče.
  • Google Kartas - Konfigurirajte element karte, dodajte ikone markera i učinite ga interaktivnim za posjetitelje.
  • Efekat čestica - dodajte kreativne odjeljke na svoju web stranicu kako bi se istakla.
  • Interaktivne kartice - unesite napredne mogućnosti poput internog pomicanja i efekte lebdenja u blokove vašeg sadržaja.
  • Zaštićeni sadržaj - ograničiti sadržaj lozinkom ili korisničkom ulogom.
  • Post Block - prikažite svoje postove na blogu s raznim jedinstvenim stilovima koristeći snagu modernog CSS Flex-a. Možete odabrati raspored, dodati animaciju, dodati ikonu i sve stilizirati - uključujući efekte lebdenja.
  • Napredni opis - dodajte opise alata iznad i ispod sadržaja.
  • Navigacija jednom stranicom - izgradite web stranicu s jednom stranicom sa samo nekoliko klikova koristeći Elementor.
  • Testimonial Slider - stvorite interaktivnu tablu s svjedočanstvima koja lijepo prikazuje nekoliko recenzija u jednom području sadržaja.
  • Instagram - privucite pažnju posjetitelja vaše web stranice i privucite više Instagram sljedbenika prikazivanjem Instagram feeda na vašoj web stranici.
  • Image Hotspot - dodajte žarišne točke područja slike s prilagođenim vrhovima alata, tako da korisnik može kliknuti na žarišne točke kako bi otkrio pridruženi tekst.

Opcija s dodatkom koju izuzetno cijenim je mogućnost omogućavanja ili onemogućavanja svakog od ovih elemenata na web lokaciji. Ovo ograničava općenite troškove za skripte svake značajke koje se dodaju na vašu web lokaciju.

Preuzmite osnovne dodatke za Elementor

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.