{"id":55198,"date":"2020-08-06T14:37:02","date_gmt":"2020-08-06T14:37:02","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-offnen-sie-ein-wordpress-lightbox-popup-uber-einen-benutzerdefinierten-menulink\/"},"modified":"2020-08-06T14:37:02","modified_gmt":"2020-08-06T14:37:02","slug":"so-offnen-sie-ein-wordpress-lightbox-popup-uber-einen-benutzerdefinierten-menulink","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-offnen-sie-ein-wordpress-lightbox-popup-uber-einen-benutzerdefinierten-menulink\/","title":{"rendered":"So \u00f6ffnen Sie ein WordPress Lightbox-Popup \u00fcber einen benutzerdefinierten Men\u00fclink"},"content":{"rendered":"

M\u00f6chten Sie spezifischere Leads von Ihrer WordPress-Site generieren? Eine einfache M\u00f6glichkeit, dies zu tun, besteht darin, ein WordPress-Lightbox-Popup \u00fcber einen benutzerdefinierten Men\u00fclink wie folgt zu \u00f6ffnen:<\/p>\n

\"\"<\/p>\n

Untersuchungen zeigen, dass oben links auf einer Webseite die meisten Besucher angezogen werden. Das macht ihr Hauptmen\u00fc zu einem gro\u00dfartigen Ort, um mit einem verlockenden Angebot Aufmerksamkeit zu erregen.<\/p>\n

Aus diesem Grund sind die benutzerdefinierten Link-Popups aus dem WordPress-Men\u00fc unglaublich effektiv und liefern bew\u00e4hrte Ergebnisse wie\u2026<\/p>\n

Sie fragen sich, wie Sie ein WordPress-Lightbox-Popup \u00fcber einen benutzerdefinierten Men\u00fclink \u00f6ffnen und diese Vorteile nutzen k\u00f6nnen? Das zeigen wir Ihnen in diesem Tutorial.<\/p>\n

Sie erfahren, wie Sie die MonsterLinks \u2122 -Tastenklickoptionen von OptinMonster in WordPress-Navigationsmen\u00fcs integrieren, um mehr Leads und interessierte Abonnenten zu erhalten.<\/p>\n

Hier ist die Kampagne, die wir erstellen werden. Bevor Sie beginnen, m\u00fcssen Sie OptinMonster erwerben, um diese effektive Kampagne zu erstellen.<\/p>\n

\"Erstellen<\/p>\n

1. Erstellen Sie eine Kampagne<\/h3>\n

Um ein benutzerdefiniertes Link-Popup \u00fcber das WordPress-Men\u00fc zu erstellen, melden Sie sich bei OptinMonster an und dr\u00fccken Sie die Taste Kampagne erstellen<\/strong> Schaltfl\u00e4che, um eine neue Kampagne zu erstellen.<\/p>\n

\"Erstellen<\/p>\n

W\u00e4hlen Sie einen Kampagnentyp. Wir werden die verwenden Entstehen<\/strong> Kampagne zur Erstellung unseres Lightbox-Popups.<\/p>\n

\"W\u00e4hlen<\/p>\n

W\u00e4hlen Sie ein Thema. Wir werden die verwenden Modern<\/strong> Thema.<\/p>\n

\"W\u00e4hlen<\/p>\n

Geben Sie Ihrer Kampagne einen Namen und w\u00e4hlen Sie die Website aus, auf der Sie diese Kampagne ausf\u00fchren m\u00f6chten. Wenn Sie noch nicht bereit sind, eine Website auszuw\u00e4hlen, haben Sie vor der Ver\u00f6ffentlichung der Kampagne eine weitere Chance.<\/p>\n

\"Benennen<\/p>\n

Dr\u00fccken Sie Baue mit dem Bauen<\/strong>. Damit gelangen Sie zum Ersteller der OptinMonster-Kampagne. Dort wird die standardm\u00e4\u00dfige Popup-Kampagne f\u00fcr moderne Leuchtk\u00e4sten angezeigt.<\/p>\n

\"Standard<\/p>\n

2. Bearbeiten Sie die Kampagne<\/h3>\n

Dann ist es Zeit, die Kampagne an Ihre Bed\u00fcrfnisse anzupassen. Der erste Schritt besteht darin, in der Standardkampagne auf den Bildbereich zu klicken. Klicken W\u00e4hlen Sie diese Option, um das Bild zu ersetzen<\/strong> W\u00e4hlen Sie in den Bearbeitungswerkzeugen links ein Bild aus Ihrer Bildbibliothek aus oder laden Sie ein neues Bild von Ihrem Computer hoch.<\/p>\n

\"W\u00e4hlen<\/p>\n

Wenn Sie Hilfe bei der Suche nach einem geeigneten Bild ben\u00f6tigen, haben wir eine Liste von Creative Commons-Bildseiten, die Sie kostenlos verwenden k\u00f6nnen.<\/p>\n

Klicken Sie auf den Titeltext, um ihn auszuw\u00e4hlen und zu bearbeiten. Auf der linken Seite befindet sich eine Bearbeitungssymbolleiste, in der Sie Text, Textfarbe, Formatierung, Einr\u00fcckung und mehr \u00e4ndern k\u00f6nnen.<\/p>\n

\"Der<\/p>\n

Gehen Sie genauso vor, um den Text zu bearbeiten.<\/p>\n

\"Bearbeitung<\/p>\n

W\u00e4hrend der Arbeit an der Kampagne ist es eine gute Idee, sie von Zeit zu Zeit zu speichern. Sie k\u00f6nnen dies tun, indem Sie auf das Gr\u00fcn klicken sparen<\/strong> Schaltfl\u00e4che oben rechts im Kampagnengenerator.<\/p>\n

\"Speichern<\/p>\n

Klicken Sie in der Kampagne auf das E-Mail-Feld oder die Schaltfl\u00e4che, um zu wechseln Auflage<\/strong> Feldelement<\/strong> Men\u00fc in der linken Seitenleiste. Dort k\u00f6nnen Sie Ihre Anmeldefelder und Schaltfl\u00e4chen bearbeiten.<\/p>\n

\"Bearbeiten<\/p>\n

Bearbeiten Sie den Schaltfl\u00e4chentext, indem Sie auf klicken Taste<\/strong> Registerkarte in den Bearbeitungswerkzeugen.<\/p>\n

\"Bearbeiten<\/p>\n

3. F\u00fcgen Sie einen E-Mail-Anbieter hinzu<\/h3>\n

Wenn Sie Ihr Lightbox-Popup zur Lead-Generierung oder zur Gewinnung neuer Abonnenten verwenden, m\u00fcssen Sie E-Mail-Adressen sammeln. Das bedeutet, dass Sie eine E-Mail-Integration aktivieren m\u00fcssen. OptinMonster l\u00e4sst sich in f\u00fchrende E-Mail-Anbieter integrieren. So aktivieren Sie die Integration von Constant Contact.<\/p>\n

Gehen Sie im Kampagnen-Generator zu Integrationen \u00bb+ Neue Integration hinzuf\u00fcgen<\/strong>. W\u00e4hlen Dauernder Kontakt<\/strong> aus der Dropdown-Liste.<\/p>\n

\"F\u00fcgen<\/p>\n

Dann klick Registrieren Sie sich mit st\u00e4ndigem Kontakt<\/strong> um den OptinMonster-Authentifizierungsprozess zu starten.<\/p>\n

\"Registrieren<\/p>\n

Sie werden aufgefordert, sich in Ihrem Constant Contact-Konto anzumelden.<\/p>\n

\"st\u00e4ndiger<\/p>\n

Constant Contact fordert Sie dann auf, OptinMonster den Zugriff auf das Konto zu gew\u00e4hren. Wenn Sie zustimmen, wird das Fenster geschlossen.<\/p>\n

\"st\u00e4ndiger<\/p>\n

Der n\u00e4chste Schritt besteht darin, Ihre st\u00e4ndige Kontaktverbindung zu kennzeichnen.<\/p>\n

\"taggen<\/p>\n

W\u00e4hlen Sie schlie\u00dflich die Liste aus, der neue Leads oder Abonnenten beitreten sollen. Damit ist die st\u00e4ndige Kontaktverbindung abgeschlossen.<\/p>\n

\"W\u00e4hlen<\/p>\n

4. Legen Sie die Anzeigeregeln fest<\/h3>\n

Als N\u00e4chstes m\u00fcssen Sie entscheiden, wann Ihr Lightbox-Popup angezeigt werden soll. Da Sie es \u00fcber einen WordPress-Men\u00fclink laden m\u00f6chten, m\u00fcssen Sie es verwenden MonsterLinks \u2122<\/strong>.<\/p>\n

Gehen Sie dazu zu Regeln anzeigen<\/strong> und stellen Sie eine Bedingung von Wenn der Besucher auf MonsterLink \u2122 geklickt hat<\/strong>.<\/p>\n

\"Besucher<\/p>\n

<\/h3>\n

Der n\u00e4chste Schritt besteht darin, Ihren WordPress-Men\u00fcpunkt zu erstellen und MonsterLink \u2122 hinzuzuf\u00fcgen.<\/p>\n

Melden Sie sich zun\u00e4chst in Ihrem WordPress-Dashboard an und gehen Sie zu Aussehen \u00bbMen\u00fcs<\/strong>. W\u00e4hlen Sie das Men\u00fc, zu dem Sie Ihren Link hinzuf\u00fcgen m\u00f6chten.<\/p>\n

Um einen neuen Link hinzuzuf\u00fcgen, w\u00e4hlen Sie Benutzerdefinierte Links<\/strong>. Geben Sie dem Men\u00fcpunkt \u00fcber einen Namen Link Text<\/strong> und f\u00fcgen Sie ein Hashtag (#) in das Feld ein Url<\/strong> Landschaft.<\/p>\n

Klicken Zum Men\u00fc hinzuf\u00fcgen<\/strong>, dann sparen<\/strong> Die Speisekarte.<\/p>\n

Lassen Sie dieses Fenster in Ihrem Browser ge\u00f6ffnet, da Sie es f\u00fcr den n\u00e4chsten Schritt ben\u00f6tigen.<\/p>\n

\"Monsterlink-Men\u00fc\"<\/p>\n

Als n\u00e4chstes m\u00fcssen Sie der Datei functions.php Ihres WordPress-Themas Code hinzuf\u00fcgen.<\/p>\n

Hier ist ein Beispiel f\u00fcr den Code, den Sie ben\u00f6tigen:<\/p>\n

add_filter( 'nav_menu_link_attributes', 'ekf_menu_attribute_add', 10, 3 );\nfunction ekf_menu_attribute_add( $atts, $item, $args )\n{\n  \/\/ Specify the menu item ID we want to add our attribute to\n  $menu_link = 64;\n\n  \/\/ Conditionally match the ID and add the attribute and value\n  if ($item->ID == $menu_link) {\n    $atts('data-optin-slug') = 'jiqobgwsx9qinkci';\n    $atts('class') .= 'manual-optin-trigger';\n  }\n  \/\/Return the new attributes\n  return $atts;\n}<\/pre>\n
Sie k\u00f6nnen diesen Code kopieren und einf\u00fcgen, um ihn zu verwenden. Sie m\u00fcssen jedoch einige \u00c4nderungen vornehmen, damit er auf Ihrer Website funktioniert.<\/p>\n
Die Elemente, die ge\u00e4ndert werden m\u00fcssen, sind:<\/p>\n
    \n
  1. Die Zahl nach $ menu_link = in Zeile 5<\/li>\n
  2. Die Zeichenfolge in einfachen Anf\u00fchrungszeichen nach $ atts (‘data-optin-slug’) = in Zeile 9<\/li>\n<\/ol>\n
    F\u00fcr den ersten Eintrag ben\u00f6tigen Sie die Link-ID in Ihrem Men\u00fc.  Sie finden dies auf dem Men\u00fcbearbeitungsbildschirm, auf dem Sie sich bereits befinden.  Bewegen Sie einfach Ihre Maus \u00fcber die Entfernen<\/strong> Taste.  Am unteren Rand des Browsers wird ein Link mit der Men\u00fc-ID direkt nach dem Teil mit der Aufschrift & menu-item = angezeigt.<\/p>\n
    In diesem Beispiel lautet die Men\u00fc-ID 2021:<\/p>\n
    \"\"<\/p>\n
    Dann ben\u00f6tigen Sie die Schnecke f\u00fcr Ihre Kampagne.  Sie finden dies im Kampagnen-Dashboard.  Klicken Sie in der Kampagnenliste auf die Kampagne, f\u00fcr die Sie eine Vorschau anzeigen m\u00f6chten.  Es wird in der Kampagnenvorschau angezeigt.  Dort finden Sie die Kampagnen-ID<\/strong> f\u00fcr die schleimige Kampagne.<\/p>\n
    \"Optinmonster-Kampagnen-ID\"<\/p>\n
    F\u00fcgen Sie diese beiden Elemente zum Code hinzu und speichern Sie Ihre \u00c4nderungen in der Datei functions.php.<\/p>\n
    6. Ver\u00f6ffentlichen Sie die Kampagne<\/h3>\n
    Der letzte Schritt ist die Ver\u00f6ffentlichung der Kampagne.  Dies ist ein zweiteiliger Prozess.  Gehen Sie zuerst zu Zu posten<\/strong> Registerkarte und stellen Sie die Zustand <\/strong>zu Leben<\/strong>.  Dann, sparen<\/strong> die Klingel.<\/p>\n
    \"Ver\u00f6ffentlichen<\/p>\n
    Es gibt mehrere Ver\u00f6ffentlichungsoptionen, aber wir werden nat\u00fcrlich WordPress verwenden.<\/p>\n
    \"M\u00f6glichkeiten<\/p>\n
    Zweitens kehren Sie zu WordPress zur\u00fcck und stellen Sie sicher, dass Sie unser WordPress-Plugin-Plugin aktiviert haben.  Klicken Sie auf das OptinMonster-Symbol, um Ihre aktuellen Kampagnen anzuzeigen.  Klicken Kampagnen aktualisieren<\/strong> um die gerade erstellte Kampagne zu sehen.<\/p>\n
    \"Aktualisieren<\/p>\n
    Suchen Sie diese Kampagne in der Liste und klicken Sie auf Geh um zu leben<\/strong> Verkn\u00fcpfung.  Der Link zum Lightbox-Men\u00fc sollte jetzt aktiv sein.<\/p>\n
    Auf der Website \u00e4hnelt Ihr Link diesem Beispiel auf der Guido-Website.  Wenn Besucher auf klicken, wird Ihr Popup angezeigt.<\/p>\n
    guidos_monsterlink \"width =\" 620 \"height =\" 266 \"srcset =\" https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586804533_272_Como-abrir-una-ventana-emergente-de-WordPress-Lightbox -from-a.jpg 620w, https:\/\/optinmonster.com\/wp-content\/ uploads \/ 2018\/05 \/ guidos_monsterlink-300x129.jpg 300w \"Gr\u00f6\u00dfen =\" (maximale Breite: 620px) 100vw, 620px \"><\/p>\n<h3>Andere M\u00f6glichkeiten zum Anpassen Ihrer Kampagne<\/h3>\n<p>Sobald Sie wissen, wie Sie ein Popup \u00fcber ein WordPress-Men\u00fc \u00f6ffnen, k\u00f6nnen Sie noch einige weitere Ma\u00dfnahmen ergreifen, um die Effektivit\u00e4t Ihrer Kampagne zu verbessern.<\/p>\n<p>Eine M\u00f6glichkeit besteht darin, die Kampagne so zu bearbeiten, dass Sie die Namen der Besucher sammeln k\u00f6nnen.  Auf diese Weise k\u00f6nnen Sie Ihr E-Mail-Marketing anpassen.  Klicken Sie dazu in der Live-Vorschau auf das Optin-Feld.  Von dort aus k\u00f6nnen Sie einfach auf das Feld Name im klicken <strong>Verf\u00fcgbare Felder<\/strong> auff\u00fchren.<\/p>\n<p><img class=<\/p>\n
    Und wenn Sie OptinMonster zur Lead-Generierung verwenden, k\u00f6nnen Sie ganz einfach einen Lead-Magneten mit Ihrer Erfolgsbotschaft liefern.  Zum Beispiel, wenn Sie zum gehen Erfolg<\/strong> Unter Vista k\u00f6nnen Sie dem Anreiz, den Abonnenten geboten werden, einen Download-Link hinzuf\u00fcgen.  Hier ist ein Beispiel daf\u00fcr in einer anderen Kampagne:<\/p>\n
    \"F\u00fcgen<\/p>\n
    Das ist!  Jetzt wissen Sie, wie Sie einen benutzerdefinierten WordPress-Men\u00fc-Link verwenden, um ein Lightbox-Popup auszul\u00f6sen, damit Sie spezifischere Leads erhalten.  Als N\u00e4chstes erfahren Sie, wie Sie ein WordPress-Popup f\u00fcr mobile Benutzer erstellen und Ihre Besucher mit einem WordPress-Umfrage-Popup abfragen.  Oder sehen Sie sich unsere Zusammenfassung der besten WordPress-Plugins f\u00fcr Ihre Website an.<\/p>\n
    Und folge uns weiter Twitter, Facebook und YouTube finden Sie weitere Tutorials, Tipps und Anleitungen, mit denen Sie Ihr Gesch\u00e4ft ausbauen k\u00f6nnen.<\/p>\n   ","protected":false},"excerpt":{"rendered":"
    M\u00f6chten Sie spezifischere Leads von Ihrer WordPress-Site generieren? Eine einfache M\u00f6glichkeit, dies zu tun, besteht darin, ein WordPress-Lightbox-Popup \u00fcber einen benutzerdefinierten Men\u00fclink wie folgt zu \u00f6ffnen: Untersuchungen zeigen, dass oben links auf einer Webseite die meisten Besucher angezogen werden. Das macht ihr Hauptmen\u00fc zu einem gro\u00dfartigen Ort, um mit einem verlockenden Angebot Aufmerksamkeit zu erregen. […]<\/p>\n","protected":false},"author":1,"featured_media":55199,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/C\u00f3mo-abrir-una-ventana-emergente-de-WordPress-Lightbox-desde-un.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/55198"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=55198"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/55198\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/55199"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=55198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=55198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=55198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}