WordPress Plugin: Öffnen Sie ein Video in einem Leuchtkasten mit Elementor

Elementor-Taste Video-Leuchtkasten öffnen

Wir haben eine Website mit einem Client übernommen, mit dem erstellt wurde Elementor, ein fantastisches Plugin für die Drag & Drop-Bearbeitung für WordPress, das verändert, wie einfach es ist, komplexe, schöne Layouts zu erstellen, die reagieren ... ohne Programmierung oder das Verständnis von Shortcodes.

Elementor hat einige Einschränkungen, von denen eine auf die Arbeit an einer Client-Site gestoßen ist. Sie wollten einfach eine Schaltfläche, mit der ein Video in einer Lightbox geöffnet wird… etwas, das Elementor nicht bietet. Sie könnten das Problem mit einem Bild mit oder ohne Wiedergabetaste umgehen… aber Elementor hat ein großartiges Tastenelement. Ich bin überrascht, dass sie dies nicht sofort angeboten haben.

Zum Glück gibt es dafür ein Plugin!

Wichtige Add-Ons für Elementor

Zum Glück gibt es einige großartige Add-Ons für Elementor auf dem Markt. Sie müssen jedoch bei der Auswahl eines Plugin-Entwicklers sehr vorsichtig sein. Wenn eine WordPress-Site auf Elementor basiert, entsteht eine Abhängigkeit von Elementor. Wenn dann ein Add-On von einem anderen Anbieter erstellt wird, entsteht eine weitere Abhängigkeit. Für den Erfolg Ihrer WordPress-Site ist es entscheidend, sicherzustellen, dass der Plugin-Entwickler über zahlreiche Installationen und die damit verbundenen Einnahmen verfügt, um die Plugins zu warten und zu verbessern, wenn Versionen von WordPress und Elementor aktualisiert werden.

Ein fantastisches Plugin ist das Wichtige Add-Ons für Elementor. Mit über 800,000 Installationen ist das Plugin möglicherweise das beliebteste Element-Add-On-Plugin für Elementor auf dem Markt. Eine wichtige Funktion in diesem Plugin ist die Möglichkeit, auf einfache Weise einen Leuchtkasten für Ihre mit Elementor erstellte WordPress-Website hinzuzufügen und zu konfigurieren.

Elementor Lightbox-Schaltfläche

Wenn Sie die kostenpflichtige Version des Plugins Essential Add-Ons for Elementor installiert haben, aktivieren Sie das Lighbox & Modal Funktion zum Anzeigen des Elements in Ihren Elementor-Elementen. Dann können Sie es einfach suchen und in Ihre Seite ziehen:

Elementor Lighbox Modal

Dann möchten Sie einige Einstellungen für das Element ändern:

  • Stellen Sie Einstellungen> Trigger auf ein Schaltfläche Klicken
  • Stellen Sie Einstellungen> Typ auf ein Taste
  • Stellen Sie die Einstellungen> ein Button-Text
  • Stellen Sie den Inhalt> Typ auf ein Link zu Seite / Video / Karte
  • Stellen Sie den Inhalt> ein Geben Sie die URL für Seite / Video / Karte an zu Ihrer Video-URL

Anschließend können Sie das Styling des Leuchtkastens und der Schaltflächen nach Bedarf anpassen. Es ist eine nahtlose Erfahrung zwischen diesem Add-On und Elementor.

Elementor Lightbox-Taste

Während sich diese Funktion möglicherweise gelohnt hat, bietet das Plugin "Essential Add-Ons for Elementor" eine Menge weiterer Funktionen, die sowohl in einer kostenlosen als auch in einer kostenpflichtigen Version enthalten sind. Hinweis: Die Lightbox-Funktionalität ist in der kostenpflichtigen Version verfügbar.

Wichtige Add-Ons für Elementor: Free Elements

Die kostenlose Version enthält einige grundlegende Elemente, die hinzugefügt werden können:

  • Infobox - Zeigen Sie wichtige Informationen mit dem Info-Box-Typ an, indem Sie das Symbol oben hinzufügen und Animationseffekte hinzufügen.
  • Erweitertes Akkordeon - Inhalte anzeigen, das Umschaltsymbol aktivieren, den Akkordeonbereich mit dem gewünschten Text füllen und ihn für das Publikum interaktiv gestalten.
  • Woo Produktgitter - Präsentieren Sie WooCommerce-Produkte überall und zeigen Sie Produkte nach Kategorie, Tags oder Attributen an. Fügen Sie dem Layout ganz einfach Hover-Effekte hinzu, um es atemberaubend zu machen.
  • Flip-Box - Präsentieren Sie Inhalte wunderschön mit einer Animation nach links / rechts beim Mauszeiger.
  • Erweiterte Registerkarten – Zeigen Sie wichtige Informationen auf interaktive Weise an, die ein benutzerdefiniertes Design verschachtelter Registerkarten unterstützt, um ein Publikum in einer Instanz anzusprechen.
  • Pricing Tabelle - Erstellen Sie eine effektive Produktpreistabelle mit perfektem Design, um mehr Umsatz von Ihren potenziellen Käufern zu erzielen.
  • Bildakkordeon - Markieren Sie Ihre Bilder mit erstaunlichen Hover- und Klickeffekten mit EA Image Accordion. 
  • Beitrag Grid - Mehrere Blog-Beiträge in einem Raster anzeigen. Sie können Ihr bevorzugtes Layout aus den Layouteinstellungen auswählen, Animationen hinzufügen und es für Besucher interaktiv gestalten.
  • Aufruf zum Handeln - Gestalten Sie Ihren Call-to-Action-Inhalt, färben Sie ihn und verknüpfen Sie ihn, um Besucher auf die gewünschte Aktion zu leiten.
  • Countdown - Erstellen und entwerfen Sie einen Timer aus einer Auswahl verschiedener Stile.
  • Zeitleiste des Beitrags - Blog-Beiträge, Seiten oder benutzerdefinierte Beiträge in einem atemberaubenden vertikalen Layout anzeigen. Sie können Ihre bevorzugte Anzahl von Posts festlegen, erstaunliche Effekte, Bildüberlagerungen, Schaltflächen und mehr hinzufügen, um das Interesse des Publikums zu wecken.
  • Filterbare Galerie - Zeigen Sie Bilder mit separaten Kategorien und Rasterstilen an und passen Sie das Gesamtdesign an, um ein außergewöhnliches Erscheinungsbild zu gewährleisten.

Laden Sie die wesentlichen Add-Ons für Elementor herunter

Wichtige Add-Ons für Elementor: Bezahlte Elemente

Mit der kostenpflichtigen Version erhalten Sie eine Tonne mehr Elemente, die wirklich maximale Funktionen in Ihrem Elementor-basierten Thema bieten.

  • Leuchtkasten & Modal - Präsentieren Sie Ihre Videos, Bilder oder anderen Inhalte mit einem Popup. Sie können die gewünschten Auslöseaktionen festlegen, eine Animation hinzufügen und das Layout festlegen, um das Engagement zu maximieren.
  • Bildvergleich - Ermöglichen Sie Ihren potenziellen Käufern den Vergleich zwischen Ihren beiden Produktbildern (Alt gegen Neu) auf erstaunliche Weise.
  • Karussell-Logo - Wählen Sie Ihren gewünschten Karusselleffekt, fügen Sie ein Logo hinzu und gestalten Sie die Ausgabe so, dass alle Ihre Kunden oder Partner schön angezeigt werden.
  • Parallaxeeffekte - Ermöglichen Sie Ihren Besuchern, Ihre Website mit einem mehrschichtigen Parallaxeeffekt zu erleben, der sogar eine Maus-Hover-Interaktion beinhaltet.
  • Promo - Fügen Sie eine attraktive Überschrift, inneren Inhalt, Mouseover-Inhalt und schöne Bilder hinzu, um die Aufmerksamkeit Ihres Besuchers auf sich zu ziehen.
  • Content Toggle - Fügen Sie Ihrem Inhalt einen Hover-Effekt hinzu, der die Unterschiede hervorhebt, auf die sich Ihre Besucher konzentrieren sollen.
  • Google Maps - Konfigurieren Sie ein Kartenelement, fügen Sie Markierungssymbole hinzu und machen Sie es für Besucher interaktiv.
  • Partikeleffekt - Fügen Sie Ihrer Website kreative Bereiche hinzu, um sie hervorzuheben.
  • Interaktive Karten - Bringen Sie erweiterte Funktionen wie internes Scrollen und Hover-Effekte in Ihre Inhaltsblöcke.
  • geschützte Inhalte - Inhalte mit einem Passwort oder nach Benutzerrolle einschränken.
  • Beitragssperre - Zeigen Sie Ihre Blog-Posts mit einer Vielzahl einzigartiger Stile an, indem Sie die Leistung des modernen CSS Flex nutzen. Sie können ein Layout auswählen, Animationen hinzufügen, ein Symbol hinzufügen und alles stylen - einschließlich Hover-Effekten.
  • Erweiterter Tooltip - Fügen Sie Tooltips über und unter dem Inhalt hinzu.
  • Einseitige Navigation - Erstellen Sie mit Elementor eine einseitige Website mit nur wenigen Klicks.
  • Testimonial-Schieberegler - Erstellen Sie ein interaktives Testimonials-Forum, das mehrere Bewertungen in einem Inhaltsbereich wunderschön präsentiert.
  • - Machen Sie Ihre Website-Besucher auf sich aufmerksam und fördern Sie mehr Instagram-Follower, indem Sie einen Instagram-Feed auf Ihrer Website anzeigen.
  • Bild-Hotspot - Fügen Sie Bildbereich-Hotspots mit benutzerdefinierten QuickInfos hinzu, damit der Benutzer auf die Hotspots klicken kann, um einen zugehörigen Text anzuzeigen.

Eine Option mit dem Plugin, die ich sehr schätze, ist die Möglichkeit, jedes dieser Elemente innerhalb der Site zu aktivieren oder zu deaktivieren. Dies begrenzt den Overhead des Skripts jedes Features, das Ihrer Site hinzugefügt wird.

Laden Sie die wesentlichen Add-Ons für Elementor herunter

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.