Sie müssen herausfinden, wie Sie ein Popup öffnen Elementor bei Gutenberg?

In Online-Communities gibt es immer eine Sache, über die man streiten kann: Popups. Einige Leute fragen sich, ob sie Popups verwenden sollen oder nicht. Aber unserer Meinung nach sind Popups in Ordnung, wenn die von Ihnen erstellten Popups einfach, attraktiv und für Ihre Benutzer nicht störend sind.

Angenommen, Sie haben die Popups bereits mit erstellt Elementor und sie im WordPress Gutenberg-Editor öffnen möchten; weil Sie Popups auf Ihren Blogbeiträgen oder -seiten bereitstellen möchten. Wenn Sie sich fragen, ist es möglich, dies zu tun? Nun, die Antwort ist ja, es ist möglich.

In diesem Artikel erfahren Sie, wie Sie Popups öffnen Elementor in Gutenberg.

So öffnen Sie das Elementor-Popup im WordPress Gutenberg Editor

Schritt 1: Bereiten Sie das Popup vor

Navigieren Sie zu der von Ihnen erstellten Popup-Vorlage. Wenn Sie neu bei Elementor sind und lernen möchten, wie man Popups erstellt, können Sie sich das folgende Tutorial ansehen: indem Sie darauf klicken Pfandrecht.

In Ordnung, sobald die Popup-Erstellung abgeschlossen ist, klicken Sie auf das Zahnradsymbol ( ️ ) in der unteren linken Ecke des Elementeinstellungsfensters, um das Popup-Fenster zu öffnen. Navigieren Sie im Popup-Einstellungsbereich zur Registerkarte fortgeschritten und fügen Sie dem Feld einen Selektor hinzu Per Selektor öffnen . 

Stellen Sie sicher, dass Sie den Punkt als Präfix hinzufügen (z. B. .popup12345).

Öffnen Sie ein Elementor-Popup in Gutenberg

Nachdem Sie den angegebenen Selektor hinzugefügt haben, vergessen Sie nicht, Ihre Popup-Vorlage zu aktualisieren oder zu veröffentlichen.

Anmerkung: Auf der Registerkarte Bedingungen anzeigen Ihres Popups, bitte Konfigurieren Sie es so, dass Ihr Popup auf dem angezeigt wird Ganze Seite; Auf diese Weise können Sie insgesamt auf Ihr Popup zugreifen Website. Sie müssen auch keinen Auslöser definieren, da Sie das Popup durch den soeben definierten Selektor anzeigen.

Öffnen Sie ein Elementor-Popup in Gutenberg

Schritt 2: Öffnen Sie das Popup in Gutenberg

Jetzt ist es an der Zeit, das Popup im WordPress Gutenberg-Editor zu öffnen.

Gehen Sie zum Gutenberg-Editor von WordPress. Sie können ein neues erstellen Inhalt (Seite/Publikation) oder wählen Sie eine aus Inhalt bestehende. Wählen Sie als Nächstes einen beliebigen Block aus, den Sie als Auslöser für das Erscheinen des Popups verwenden möchten.

In diesem Tutorial verwenden wir einen Buttons-Block.

Öffnen Sie ein Elementor-Popup in Gutenberg

Wenn Sie sich entschieden haben, welchen Block Sie als Auslöser zum Anzeigen des Popups verwenden möchten, gehen Sie zu Einstellungen Sperren – > Fortgeschritten. Dann fügen Sie Ihre hinzu Spezifizierte CSS-Klassen in Zusätzliche CSS-Klasse(n) Champion.

Öffnen Sie ein Elementor-Popup in Gutenberg

Gut. Das ist es. Um zu sehen, wie es funktioniert hat, veröffentlichen Sie Ihr Projekt und öffnen Sie es in einem neuen Fenster.

Öffnen Sie ein Elementor-Popup in Gutenberg

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

Dieser Artikel zeigt Ihnen, wie einfach Sie ein Elementor-Popup im Gutenberg-Editor von WordPress öffnen können. Wir hoffen, dass dieser Artikel für Sie nützlich sein wird. Zu guter Letzt bedenken Sie bitte, dass der Erfolg Ihres Popups von der Konvertierung Ihrer Benutzer mithilfe eines abhängt Inhalt relevant und ein überzeugender Aufruf zum Handeln.

Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...