Doplnok WordPress: Otvorte video v lightboxe s Elementor

Tlačidlo Elementor Otvorené video lightbox

Prijali sme webovú stránku s klientom, ktorý bol vytvorený Elementor, fantastický doplnok na úpravy typu drag and drop pre WordPress, ktorý transformuje, aké ľahké je vytvoriť zložité, nádherné rozloženia, ktoré reagujú ... bez programovania a nutnosti porozumieť krátkym kódom.

Elementor má určité obmedzenia, pri jednom som narazil na prácu na klientskej stránke. Jednoducho chceli tlačidlo, ktoré otvorilo video v Lightboxe ... niečo, čo Elementor neponúka. Problém by ste mohli obísť pomocou obrázka s tlačidlom prehrávania alebo bez neho ... ale Elementor má vynikajúci tlačidlový prvok. Som prekvapený, že toto neponúkli z krabice.

Našťastie k tomu existuje doplnok!

Základné doplnky pre Elementor

Našťastie existuje na trhu niekoľko skvelých doplnkov pre Elementor. Pri výbere vývojára doplnkov však musíte byť veľmi opatrní. Mať web WordPress postavený na Elementore vytvára závislosť na Elementore. Potom, keď budete mať doplnok zostavený iným dodávateľom, vytvorí sa ďalšia závislosť. Pre úspech vášho webu WordPress je zásadné zabezpečiť, aby mal vývojár doplnkov dostatok inštalácií a súvisiace výnosy na údržbu a vylepšovanie doplnkov pri aktualizácii verzií WordPress a Elementor.

Jeden fantastický doplnok je Základné doplnky pre Elementor. S viac ako 800,000 XNUMX inštaláciami môže byť doplnok najpopulárnejším doplnkovým doplnkom pre Elementor na trhu. Kľúčovou funkciou tohto doplnku je schopnosť ľahko pridať a nakonfigurovať lightbox pre váš web WordPress vytvorený pomocou Elementoru.

Tlačidlo Lightor Elementor

Po nainštalovaní platenej verzie doplnku Essential Add-Ons for Elementor povoľte Lighbox a modálne funkciu na zobrazenie prvku vo vašich prvkoch Elementor. Potom ho môžete ľahko vyhľadať a presunúť na svoju stránku:

elementor lighbox modálny

Potom budete chcieť upraviť pár nastavení prvku:

  • Nastavte položky Nastavenia> Spúšťač na Kliknutie na tlačidlo
  • Nastavte položky Nastavenia> Typ na gombík
  • Nastavte položku Nastavenia> Tlačidlo Text
  • Nastavte obsah> typ na Odkaz na stránku / video / mapu
  • Nastavte obsah> Zadajte adresu URL stránky, videa alebo mapy na vašu adresu URL videa

Podľa potreby potom môžete prispôsobiť štýl lightbox a tlačidlá. Medzi týmto doplnkom a Elementorom je to bezproblémový zážitok.

tlačidlo lightor elementor

Aj keď táto funkcia mohla stáť za to zaplatiť, plugin Essential Add-Ons for Elementor má kopu ďalších funkcií zahrnutých v bezplatnej aj platenej verzii. Poznámka: Funkcia Lightbox je v platenej verzii.

Základné doplnky pre Elementor: bezplatné prvky

Bezplatná verzia obsahuje niekoľko základných prvkov, ktoré je možné pridať:

  • Info Box - Zobrazte kľúčové informácie pomocou typu Info Box pridaním ikony Navrch a pridaním efektov animácie.
  • Pokročilá akordeón - zobraziť obsah, povoliť ikonu prepínania, vyplniť akordeónovú časť požadovaným textom a dosiahnuť, aby bol pre publikum interaktívny.
  • Woo produktová mriežka - Prezentujte produkty WooCommerce kdekoľvek a zobrazujte produkty podľa kategórie, značiek alebo atribútov. Ľahko pridajte do rozloženia efekty vznášania, aby bolo ohromujúce.
  • Flip box - Krásne ukážte obsah pomocou flipovej animácie vľavo / vpravo pri umiestnení kurzora myši.
  • Rozšírené karty - zobraziť kľúčové informácie interaktívnym spôsobom, ktorý podporuje dizajn vnorených kariet na mieru, aby prilákal publikum v danom prípade.
  • Cenovej tabuľky - vytvorte efektívnu tabuľku cien produktov s dokonalým štýlom, aby ste zvýšili predaj od svojich potenciálnych kupujúcich.
  • Obrázková akordeón - Zvýraznite svoje obrázky úžasnými efektmi vznášania a klikania pomocou aplikácie EA Image Accordion. 
  • Post Grid - zobraziť viac blogových príspevkov v mriežke. Môžete si zvoliť preferované rozloženie z nastavení rozloženia, pridať k nemu animáciu a dosiahnuť, aby vyzerala interaktívne pre návštevníkov.
  • Výzva do akcie - Štýlujte obsah, farbu a farbu výzvy na akciu a prepojte ju, aby nasmerovala návštevníkov na požadovanú akciu.
  • Odpočítavanie - Zostavte a navrhnite časovač z výberu rôznych štýlov.
  • Zverejniť časovú os - zobraziť blogové príspevky, stránky alebo vlastné príspevky v ohromujúcom vertikálnom rozložení. Môžete nastaviť požadovaný počet príspevkov, pridať úžasné efekty, prekrytie obrázka, tlačidlo a ďalšie, ktoré pritiahnu záujem publika.
  • Filtrovateľná galéria - Zobrazujte obrázky v samostatných kategóriách, mriežkujte štýly a prispôsobte celkový dizajn, aby ste zaistili mimoriadny vzhľad.

Stiahnite si základné doplnky pre Elementor

Základné doplnky pre Elementor: platené prvky

S platenou verziou získate kopu ďalších prvkov, ktoré vo vašej téme založenej na Elementoroch skutočne poskytujú maximálne možnosti.

  • Lightbox a modálne - ukážte svoje videá, obrázky alebo iný obsah pomocou vyskakovacieho okna. Môžete nastaviť požadované akcie spúšťača, pridať animáciu a nastaviť rozloženie tak, aby sa maximalizovalo zapojenie.
  • Porovnanie obrázkov - splnomocnite svojich potenciálnych kupujúcich na porovnanie vašich dvoch obrázkov produktov (Starý verzus nový) úžasným spôsobom.
  • Logo kolotoč - vyberte si efekt karuselu želaní, pridajte logo a upravte výstup tak, aby sa vám krásne zobrazili všetci vaši klienti alebo partneri.
  • Paralaxové efekty - umožnite svojim návštevníkom zažiť vaše stránky pomocou viacvrstvového paralaxového efektu, ktorý dokonca zahŕňa aj interakciu s pohybom myši.
  • Promo - Pridajte atraktívny nadpis, vnútorný obsah, obsah myši a nádherné obrázky, ktoré upútajú pozornosť vašich návštevníkov.
  • Prepnúť obsah - Pridajte do svojho obsahu efekt vznášania, ktorý zvýrazní rozdiely, na ktoré sa majú vaši návštevníci zamerať.
  • Google Maps - Nakonfigurujte prvok mapy, pridajte ikony značiek a urobte ho pre návštevníkov interaktívnym.
  • Účinok častíc - pridajte na svoj web kreatívne sekcie, aby vynikli.
  • Interaktívne karty - prineste do svojich blokov obsahu pokročilé funkcie, ako je interné posúvanie a efekty vznášania.
  • Chránený obsah - obmedziť obsah pomocou hesla alebo podľa roly používateľa.
  • Blokovať príspevok - zobrazujte svoje blogové príspevky s rôznymi jedinečnými štýlmi pomocou sily moderného CSS Flex. Môžete zvoliť rozloženie, pridať animáciu, pridať ikonu a upraviť štýl všetkého - vrátane efektov umiestnenia kurzora myši.
  • Pokročilý popis - pridať popisy nad a pod obsah.
  • Jednostránková navigácia - vytvoriť jednostránkový web pomocou iba niekoľkých kliknutí pomocou Elementoru.
  • Posuvník referencie - vytvorte interaktívnu vývesku s posudkami, ktorá krásne predstaví niekoľko recenzií v jednej oblasti obsahu.
  • Instagram - upútajte pozornosť návštevníkov svojej stránky a prilákajte ďalších sledovateľov Instagramu zobrazením informačného kanála Instagram na vašom webe.
  • Obrázok Hotspot - pridajte hotspoty oblasti obrázka pomocou vlastných popisov, aby používateľ mohol kliknutím na hotspoty odhaliť súvisiaci text.

Jednou z možností doplnku, ktorú skutočne oceňujem, je schopnosť povoliť alebo zakázať každý z týchto prvkov na webe. To obmedzuje réžiu skriptu každej funkcie, ktorá sa pridáva na vaše stránky.

Stiahnite si základné doplnky pre Elementor

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.