So erstellen Sie ein Popup in WordPress (der einfache Weg)

Veröffentlicht: 2022-09-22

Ein Popup ist eine großartige Möglichkeit, die Aufmerksamkeit Ihrer Website-Besucher zu wecken und ihnen die Möglichkeit zu geben, sich für Ihren Newsletter anzumelden, mehr über Ihr neuestes Produkt zu erfahren oder ein Sonderangebot zu nutzen. Es gibt ein paar verschiedene Möglichkeiten, ein Popup in WordPress zu erstellen, aber der einfachste Weg ist die Verwendung eines Plugins. Es gibt viele Popup-Plugins für WordPress, aber wir empfehlen die Verwendung von Popup von OptinMonster. Nachdem Sie das Plugin installiert und aktiviert haben, müssen Sie ein neues Popup erstellen. Gehen Sie dazu in Ihrem WordPress-Adminbereich zu Popups » Neu hinzufügen. Auf dem nächsten Bildschirm müssen Sie einen Namen für Ihr Popup eingeben und einen Popup-Typ auswählen. OptinMonster bietet verschiedene Arten von Popups, einschließlich Lightbox-Popups, Slide-In-Popups und Vollbild-Popups. Für dieses Beispiel wählen wir ein Lightbox-Popup. Nachdem Sie einen Popup-Typ ausgewählt haben, können Sie eine Vorlage für Ihr Popup auswählen. OptinMonster bietet über 50+ professionell gestaltete Popup-Vorlagen, die Sie verwenden können. Nachdem Sie eine Vorlage ausgewählt haben, können Sie Ihr Popup anpassen. Sie können die Farben, Texte, Bilder und mehr ändern. Wenn Sie mit Ihrem Popup zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern. Nachdem Sie Ihr Popup erstellt haben, ist es an der Zeit, es zu Ihrer WordPress-Website hinzuzufügen. Gehen Sie dazu zu Popups » Popups verwalten und klicken Sie auf die Registerkarte „Einbetten“. Auf dem nächsten Bildschirm sehen Sie Code, den Sie Ihrer Website hinzufügen müssen. Sie können diesen Code manuell zu Ihrer Website hinzufügen, oder Sie können ein Plugin wie Kopf- und Fußzeilen einfügen verwenden, um den Code automatisch hinzuzufügen. Sobald Sie den Code zu Ihrer Website hinzugefügt haben, klicken Sie auf die Schaltfläche „Speichern“ und Sie sind fertig. Ihr Popup wird nun auf Ihrer Website sichtbar sein.

Wie kann ich meiner WordPress-Seite Popup-Code hinzufügen? Die folgenden Schritte dauern nur etwa 5 Minuten. Das Popupsmart-Tool, mit dem Sie Popups in Ihrer Website mit einer einzigen Codezeile erstellen können, ist eine ausgezeichnete Wahl zum Erstellen von Popups. Wenn Sie sich anmelden, klicken Sie in Ihrem Dashboard auf Neues Popup erstellen. Bitte geben Sie zuerst Ihren Einbettungscode ein, gefolgt von Ihrem Body-Tag. Die Platzierung des Codes ist entscheidend. Um das Body-Tag fertigzustellen, fügen Sie eine Paste ein. Es ist nun möglich, Ihr Popup erneut zu speichern und zu veröffentlichen.

Wählen Sie im Menü auf der linken Seite Website bearbeiten aus, um auf Ihren Website-Editor zuzugreifen. Wählen Sie Popup von Website-Add-ons auf der Registerkarte Website oben in Ihrem Editor aus. Ihre Pop-up-Box kann an Ihre speziellen Anforderungen angepasst werden. Mit der Schaltfläche „Pop-up aktivieren“ können Sie Ihr Pop-up-Fenster aktivieren oder deaktivieren.

Das Popup-Formular kann erstellt werden, indem Sie im oberen Menü auf Formulare klicken, dann die Registerkarte Popups auswählen und dann auf Popup erstellen klicken. Das Formular wird gespeichert und Sie können fortfahren, nachdem Sie ihm einen Namen gegeben und es gespeichert haben. Wählen Sie dann Ihre Abonnentengruppe und eine Vorlage aus und passen Sie das Formular und die Erfolgsseite an, bis sie Ihnen gefallen.

Wie erstelle ich ein benutzerdefiniertes Popup in WordPress?

Kredit: WPForms

Navigieren Sie zum WordPress-Dashboard und klicken Sie auf Popup Maker . Der Popup-Bearbeitungsbildschirm wird angezeigt, nachdem Sie Popup aktiviert haben. Wenn Sie hier klicken, müssen Sie als Erstes einen Namen für Ihr Popup eingeben. Wir haben dieses Beispiel verwendet, um zu demonstrieren, dass Sie auch einen optionalen Anzeigetitel eingeben können. Besucher können diesen optionalen Anzeigetitel sehen, wenn er verfügbar ist.

In dieser Schritt-für-Schritt-Anleitung erfahren Sie, wie Sie Kontaktformular-Popups in WordPress erstellen. OptinMonster, ein Plugin, ist eines der beliebtesten Popup-Plugins mit über einer Million Benutzern. Ausfüllbare Formulare, insbesondere solche, die von MailerLite oder Mailchimp bereitgestellt werden, funktionieren gut mit Popup-Formularen . Konversionsraten und E-Mail-Adressen steigen, wenn Sie ein Popup-Formular richtig verwenden. Erstellen Sie in Schritt 1 ein Kontaktformular mit Formidable Forms und in Schritt 2 ein WordPress-Popup mit OptinMonster. Indem Sie diese Plugins in Ihrem WordPress-Adminbereich installieren, können Sie sie auf einer leeren Leinwand testen. In den folgenden Schritten fahren wir mit dem nächsten Schritt fort, nachdem sie installiert und aktiviert wurden.

Das Endprodukt Ihres Formulars wird angezeigt, wenn es veröffentlicht oder in der Vorschau angezeigt wird. Um unsere Trigger zu konfigurieren, gehen Sie zur Registerkarte Anzeigeregeln oben auf der Seite und wählen Sie die entsprechende Option aus. Besucher können wählen, ob das Popup bei ihrer Ankunft angezeigt wird oder nicht. Die Zeit vor Ort kann durch Klicken auf die Registerkarte Trigger (When) im Kontextmenü ausgewählt werden. Ein Popup-Formular ist eine großartige Möglichkeit, Ihre Website eleganter erscheinen zu lassen. Warum muss Ihre Fußzeile oder Seitenleiste ein Popup-Formular sein, wenn Sie mit WordPress ganz einfach Popup-Formulare erstellen können? Unser visueller Formular-Styler kann verwendet werden, um das Erscheinungsbild Ihrer Formulare an Ihre Website anzupassen.

WordPress-Link zum Popup

WordPress ist ein Content-Management-System (CMS), mit dem Sie eine Website oder einen Blog von Grund auf neu erstellen oder eine vorhandene Website verbessern können. Eine der nützlichsten Funktionen von WordPress ist die Verknüpfung mit der Popup-Funktion. Auf diese Weise können Sie Links erstellen, die in einem neuen Fenster geöffnet werden, wodurch es einfach wird, Ihre Leser auf Ihrer Website zu halten und ihnen zusätzliche Informationen bereitzustellen.

Sie können Ihre WordPress-Popup-Funktionalität auf verschiedene Arten anzeigen, abhängig von der Seitenladegeschwindigkeit, der Seitenscrollzeit und der Art und Weise, wie Sie die Website verlassen. Sobald der notwendige Code hinzugefügt wurde, ist alles erledigt. Wie kann ich ein Popup erscheinen lassen, nachdem ich auf meinen Inhaltslink geklickt habe? In HTML können Sie das onclick-Attribut von popup für jedes Element Ihrer Website verwenden, wenn Sie wissen, wie das geht. Popups werden nicht auf den Server geladen, wenn Sie das onclick-Attribut im Design oder an anderer Stelle im Inhalt der Website verwenden. Geben Sie den erforderlichen Code ein, um Popups auf Ihrer Website anzuzeigen. Lassen Sie im ersten Schritt PopUp von der Serverseite (Datenbank) laden und binden Sie es im zweiten Schritt an den Link, auf den Sie geklickt haben.

So erstellen Sie ein benutzerdefiniertes Popup in WordPress mit Javascript

Es gibt viele Möglichkeiten, benutzerdefinierte Popups in WordPress mit JavaScript zu erstellen. Eine Möglichkeit ist die Verwendung des Popup Maker-Plugins. Mit diesem Plugin können Sie benutzerdefinierte Popups erstellen und sie Ihrer WordPress-Site hinzufügen. Eine andere Möglichkeit ist die Verwendung des WP Popup-Plugins.

PenguinArts hat eine Schritt-für-Schritt-Anleitung zum Erstellen benutzerdefinierter Popups auf einer WordPress-Plattform von Grund auf erstellt. In diesem Tutorial zeigen wir Ihnen, wie Sie das mit PHP, jQuery und ein paar Zeilen CSS selbst machen können. Der gesamte Popup-Inhalt wird vom Administrator verwaltet, und Sie können Ihr eigenes Design auswählen. Dieses Tutorial wird mit einem Magnific Popup und einem ACF durchgeführt. Damit das Popup auf unserer Seite erscheint, benötigen wir ein paar Zeilen Code. Wenn Sie irgendwelche Probleme mit dieser Implementierung haben, lassen Sie es mich bitte wissen und ich werde alles tun, um Ihnen zu helfen.

Modales WordPress-Popup-Plugin

Es sind viele modale Popup-Plugins für WordPress verfügbar. Einige der beliebtesten sind: Popup Maker, Modal Popups von WPForms und Ninja Popups. Mit diesen Plugins können Sie Popup-Fenster erstellen, die für eine Vielzahl von Zwecken verwendet werden können, z. B. zum Anzeigen eines Abonnementformulars, Anzeigen eines Videos oder Bereitstellen zusätzlicher Informationen zu einem Produkt oder einer Dienstleistung.

Der Snitcher enthält eine Vielzahl von Funktionen, mit denen Sie Popups auf jeder Seite hinzufügen können, unabhängig von der Art des Inhalts. Sie können dies verwenden, um das Interesse der Benutzer an Ihren Werbeaktionen, Angeboten und Feature-Ankündigungen zu wecken und wichtige Informationen über helle Popup-Nachrichten bereitzustellen. Jedes der Fenster hat seine eigenen Stileinstellungen für jedes Element, sodass Sie ein einzigartiges Aussehen für Ihre Website erstellen können. Das Plugin entspricht dem WCAG Level AA-Standard und ermöglicht ein hohes Maß an Zugänglichkeit von Inhalten innerhalb des Popups. Es ist einfach, das Pop-up durch Klicken, Scrollen, Bewegen der Maus, nach Aktivitäts- oder Inaktivitätszeitpunkt oder durch Wechseln der Registerkarte oder Beenden anzuzeigen, und es wird sofort nach dem Laden der Seite geöffnet. Dieses Tool wird von Chrome, Firefox, Opera, Safari und anderen unterstützt, unabhängig davon, welche Browserbenutzer Ihre Website anzeigen.

So entfernen Sie Popups in WordPress

Es gibt verschiedene Möglichkeiten, Popups in WordPress zu entfernen. Eine Möglichkeit besteht darin, einfach das Plugin zu deaktivieren, das das Erscheinen des Popups verursacht. Eine andere Möglichkeit besteht darin, den Code des Plugins zu bearbeiten, um das Popup zu entfernen. Schließlich können Sie auch ein WordPress-Popup-Blocker-Plugin verwenden, um alle Popups auf Ihrer Website zu blockieren.

Ich habe zuvor ein Popup-Builder-Plugin auf meiner Seite verwendet, aber es war nicht mehr relevant, also wollte ich es löschen. Dieses Popup scheint in die Seite schwierig codiert zu sein. Ich kann es weder bearbeiten noch von meinem Computer entfernen. Wie gehe ich mit meiner Bewerbung vor? Kannst du bitte versuchen, den Cache zu leeren und erneut zu prüfen?

Wie entferne ich das Mailchimp-Popup-Formular in WordPress?

Wenn Sie mehrere verknüpfte Websites haben, klicken Sie auf den Link Bearbeiten, um diejenigen auszuwählen, auf denen Ihr Popup-Formular angezeigt werden soll. Um das Popup-Formular auf Ihrer Website zu deaktivieren, klicken Sie auf den Schalter aus.

So öffnen Sie ein modales Popup bei einem Klick auf die Schaltfläche in WordPress

Um ein modales Popup beim Klicken auf eine Schaltfläche in WordPress zu öffnen, müssen Sie ein Schaltflächenelement erstellen und ihm die folgende Klasse hinzufügen: „popmake-trigger“. Dann müssen Sie ein modales Popup erstellen und ihm die folgende Klasse hinzufügen: „popmake-modal“.

So fügen Sie ein Popup in WordPress in drei einfachen Schritten hinzu – WPMPet Dies ist der einfachste Weg, ein Popup zu einer WordPress-Site hinzuzufügen. Popups sind eine großartige Möglichkeit, die Anzahl der Newsletter-Abonnenten zu erhöhen und gleichzeitig die Benutzererfahrung Ihrer Website zu verbessern. Basierend auf 2 Milliarden modalen Popups hatten die besten 10 % der Websites eine durchschnittliche Konversionsrate von 9,28 %. Popup-Modals haben bekanntermaßen eine hohe Erfolgsquote bei Kampagnen zur Lead-Generierung. Sumo behauptet, in weniger als zwei Jahren über 23 Millionen E-Mail-Adressen mithilfe eines Popup-Modals gesammelt zu haben. Wenn Sie Website-Besucher auffordern, Maßnahmen zu ergreifen oder eine wichtige Nachricht zu bemerken, ist die Verwendung von Modals eine äußerst effektive Möglichkeit, dies zu erreichen. Das ElementsKit-Framework ermöglicht es Ihnen, das Layout, den Typeggler, die Popup-Position und die Anzeige Ihres modalen Fensters zu ändern.

Zusätzlich zu einem benutzerdefinierten Bild oder Video können Sie es wie eine Seite erscheinen lassen, indem Sie es aufklappen lassen. Das Schließen-Symbol, die Kopf- und Fußzeile können ebenfalls ausgeblendet werden. Das ElementsKit WordPress-Plugin ist ein All-in-One-Popup-Ersteller, der zum Erstellen von Websites verwendet werden kann. Contact Form 7 kann mit ElementsKit zur Modal-Datei hinzugefügt werden. Verwenden Sie die integrierten Widgets in ElementsKit, um ansprechende Modals zu erstellen. Mit Methoden können Sie mehr Abonnenten erreichen und Benutzerdaten sammeln.