Popup Maker ist ein leistungsfähiges Tool zum Erstellen von Popup-Fenstern auf einer Website, mit dem Sie interaktive Feedback-Formulare hinzufügen können. Eines der beliebtesten Plugins zum Erstellen von Formularen ist Contact Form 7. Wie richte ich die Popup Maker-Schaltfläche mit Contact Form 7 ein? In dieser detaillierten Anleitung werden wir Schritt für Schritt darüber sprechen.
Stellen Sie zunächst sicher, dass Sie beide Plugins - Popup Maker und Contact Form 7 - installiert und aktiviert haben. Nachdem Sie das Popup Maker-Plugin aktiviert haben, steht Ihnen ein neuer Menüpunkt "Popups" in der Admin-Seitenleiste zur Verfügung. Gehen Sie zum Abschnitt "Popups" und klicken Sie auf "Neu hinzufügen", um ein neues Popup-Fenster zu erstellen.
Dann müssen Sie den Popup-Typ auswählen - "Click Popup". Geben Sie einen Namen für den Popup ein und klicken Sie auf die Schaltfläche "Popup erstellen". Jetzt können Sie das Aussehen eines Popup mit einem Editor anpassen, einen Titel, ein Bild und andere Komponenten hinzufügen. Nachdem Sie das Aussehen von Popup angepasst haben, speichern Sie die Änderungen.
Es bleibt nur noch das Kontaktformular Contact Form 7 zum Popup hinzuzufügen. Suchen Sie im Popup-Editor nach der Schaltfläche "Add Form" und wählen Sie "Contact Form 7" aus der Liste der verfügbaren Formulare aus. Wählen Sie das gewünschte Formular aus Contact Form 7 aus und klicken Sie auf die Schaltfläche Einfügen. Das Formular wird nun auf Ihrem Popup angezeigt.
Glückwunsch! Jetzt haben Sie einen Popup Maker-Button, der ein Popup mit dem Kontaktformular Contact Form 7 öffnet. Sie können die Anzeigeeinstellungen des Popup weiter anpassen, z. B. die Verzögerungszeit vor dem Erscheinen des Popup festlegen oder die Anzeigebedingungen auf bestimmten Seiten der Website anpassen. Viel Erfolg beim Anpassen Ihrer Popup Maker Contact Form 7-Schaltfläche!
Installieren und Aktivieren von Popup Maker- und Contact Form 7-Plugins
Zuerst müssen Sie zwei Plugins installieren und aktivieren: Popup Maker und Contact Form 7. Befolgen Sie die folgenden Schritte:
- Melden Sie sich im Administrationsbereich Ihrer Website an.
- Gehen Sie zum Abschnitt "Plugins" und klicken Sie auf die Schaltfläche "Neu hinzufügen".
- Geben Sie in der Suchleiste "Popup Maker" ein und drücken Sie die Eingabetaste.
- Suchen Sie nach dem Popup Maker-Plugin, klicken Sie auf die Schaltfläche "Installieren" und bestätigen Sie die Installation.
- Klicken Sie nach der Installation des Popup Maker-Plugins auf die Schaltfläche "Aktivieren".
- Wiederholen Sie die Schritte 3 bis 5, um das Contact Form 7-Plugin zu installieren und zu aktivieren.
Nachdem Sie beide Plugins aktiviert haben, können Sie die Popup Maker-Schaltfläche mit Contact Form 7 verwenden und anpassen.
Erstellen eines neuen Formulars in Contact Form 7
Um ein neues Formular in Contact Form 7 zu erstellen, müssen Sie die folgenden Schritte ausführen:
1. Öffnen Sie das Admin-Panel Ihrer Website.
2. Bewegen Sie den Mauszeiger über den Menüpunkt "Kontakt" in der Seitenleiste und klicken Sie dann auf "Kontaktformulare".
3. Sie sehen eine Liste aller vorhandenen Formulare. Klicken Sie auf "Add New", um ein neues Formular zu erstellen.
4. Geben Sie den Namen des Formulars ein und fügen Sie die erforderlichen Felder hinzu. Geben Sie für jedes Feld eine Beschriftung ein und definieren Sie den Feldtyp, z. B. Name und text.
5. Um weitere Felder zu erstellen, klicken Sie auf die Schaltfläche "Feld hinzufügen". Sie können dem Formular eine beliebige Anzahl von Feldern hinzufügen.
6. Passen Sie bei Bedarf andere Formulareinstellungen an, z. B. den Text der Dankesnachricht und die Adresse des Empfängers.
7. Klicken Sie nach Abschluss der Konfiguration des Formulars auf die Schaltfläche "Speichern", um die Änderungen zu speichern.
8. Holen Sie sich den Formularkurzcode, den Sie verwenden, um das Formular auf Ihrer Website zu platzieren.
Sie haben jetzt ein neues Formular in Contact Form 7 erstellt und können es auf Ihrer Website verwenden. Denken Sie daran, dass Sie auch die Popup Maker-Schaltfläche anpassen müssen, um dieses Formular im Popup-Fenster zu verwenden.
Erstellen eines neuen Popup-Fensters in Popup Maker
Schritt 1: Gehen Sie zur Verwaltungsoberfläche Ihrer Website und suchen Sie im Seitenmenü nach dem Abschnitt "Popup Maker".
Schritt 2: Wählen Sie im Bereich "Popup Maker" den Menüpunkt "Neuen Popup erstellen".
Schritt 3: Geben Sie den Namen des neuen Popup-Fensters in das Feld Popup-Name ein.
Schritt 4: Erstellen Sie im Feld Inhalt den Inhalt des Popup-Fensters. Sie können HTML-Tags verwenden, um Text zu formatieren und Bilder hinzuzufügen.
Schritt 5: Wählen Sie im Feld "Auslöser" aus, wie das Popup-Fenster geöffnet werden soll. Sie können beispielsweise auswählen, ob ein Fenster geöffnet wird, wenn Sie auf eine Schaltfläche klicken oder eine Seite laden.
Schritt 6: Konfigurieren Sie die erweiterten Einstellungen im Abschnitt "Einstellungen". Hier können Sie die Größe des Fensters ändern, eine Animation hinzufügen und die Verzögerungszeit festlegen, bevor das Fenster geöffnet wird.
Schritt 7: Klicken Sie auf die Schaltfläche Änderungen speichern, um ein neues Popup zu erstellen.
Schritt 8: Klicken Sie neben dem Namen des Popup-Fensters auf die Schaltfläche "Anzeigen", um zu sehen, wie das Fenster auf Ihrer Website aussehen wird.
Schritt 9: Wenn Sie ein Popup zu einer bestimmten Seite oder einem bestimmten Beitrag hinzufügen möchten, gehen Sie auf diese Seite oder diesen Beitrag in der Verwaltungsoberfläche und klicken Sie auf die Schaltfläche "Block hinzufügen". Wählen Sie im angezeigten Menü das zuvor erstellte Popup aus.
Schritt 10: Klicken Sie auf die Schaltfläche Veröffentlichen oder Aktualisieren, um die Änderungen zu übernehmen.
Einrichten eines Popup-Fensters für die Verwendung von Contact Form 7
Schritt 1: Installieren und Aktivieren von Plugins
Ihr erster Schritt besteht darin, die Popup Maker- und Contact Form 7-Plugins zu installieren und zu aktivieren. Dies kann über das WordPress-Dashboard erfolgen, indem Sie zur Seite "Plugins" gehen und auf die Schaltfläche "Neu hinzufügen" klicken. Nachdem Sie die Plugins installiert haben, vergessen Sie nicht, sie zu aktivieren.
Schritt 2: Erstellen eines Formulars mit Contact Form 7
Wenn Sie das Formular noch nicht mit dem Plugin Contact Form 7 erstellt haben, tun Sie dies jetzt. Gehen Sie zur Kontaktseite im WordPress-Dashboard, um ein neues Formular zu erstellen. Hier können Sie Ihr Formular mit verschiedenen Feldern und Parametern anpassen.
Schritt 3: Erstellen eines Popup-Fensters mit Popup Maker
Nachdem Sie nun das Formular erstellt haben, gehen Sie zur Seite "Pop-ups" im WordPress-Dashboard, um ein neues Popup zu erstellen. Klicken Sie auf die Schaltfläche "Neu hinzufügen" und füllen Sie die erforderlichen Einstellungen für Ihr Popup-Fenster aus, z. B. Titel, Inhalt und Anzeigeeinstellungen.
Schritt 4: Hinzufügen eines Formulars zu einem Popup
Um Ihr Contact Form 7-Formular zu einem Popup hinzuzufügen, müssen Sie einen kurzen Formularcode in den Inhalt des Popup-Fensters einfügen. Um diesen Code zu erhalten, gehen Sie zur Seite Kontakte im WordPress-Dashboard und kopieren Sie den zuvor erstellten kurzen Formularcode.
Fügen Sie diesen Code in den Inhalt des Popup-Fensters auf der Seite "Popup-Fenster" ein. Ihr Formular wird nun bei der Aktivierung in einem Popup-Fenster angezeigt.
Schritt 5: Anpassen der Popup-Anzeige
Passen Sie die Anzeige eines Popup-Fensters auf Ihrer Website mithilfe verschiedener Optionen an, die im Popup Maker-Plugin verfügbar sind. Sie können die Auslöser so einstellen, dass das Fenster angezeigt wird, z. B. wenn Sie auf eine Schaltfläche klicken oder eine Seite scrollen. Sie können auch die Verzögerungszeit vor dem Erscheinen des Fensters anpassen oder das Fenster für bestimmte Seiten anpassen.
Nachdem Sie alle Einstellungen konfiguriert haben, speichern Sie das Popup-Fenster und testen Sie es auf Ihrer Website, um sicherzustellen, dass es ordnungsgemäß funktioniert.
Jetzt können Sie ein Popup-Fenster mit Ihrem Contact Form 7-Formular auf Ihrer Website verwenden. Dies wird eine bequeme und attraktive Möglichkeit für Besucher Ihrer Website bieten, sich mit Ihnen in Verbindung zu setzen.
Hinzufügen einer Schaltfläche zu einer Seite oder Veröffentlichung
Führen Sie die folgenden Schritte aus, um der Seite oder Veröffentlichung die Schaltfläche "Popup Maker Contact Form 7" hinzuzufügen:
- Erstellen Sie ein Kontaktformular Erstellen Sie zunächst Ihr Kontaktformular mit dem Plugin Contact Form 7. Geben Sie dem Formular einen Namen und passen Sie die gewünschten Felder und Nachrichten an.
- Erstellen Sie einen Popup Gehen Sie zum Popup Maker-Plugin-Abschnitt und erstellen Sie einen neuen Popup. Passen Sie das Aussehen des Popup an, fügen Sie einen Titel und Text hinzu.
- Fügen Sie eine Schaltfläche hinzu Suchen Sie in den Popup-Einstellungen den Abschnitt "Inhalt" und klicken Sie auf die Schaltfläche "Block hinzufügen". Wählen Sie den Blocktyp "Schaltfläche" aus. Geben Sie den Text für die Schaltfläche ein und passen Sie das Aussehen der Schaltfläche an.
- Binden Sie die Form an den Knopf Suchen Sie in den Schaltflächeneinstellungen den Abschnitt "Aktionen" und klicken Sie auf die Schaltfläche "Aktion hinzufügen". Wählen Sie den Aktionstyp "Popup öffnen" aus. Wählen Sie den gewünschten Popup aus der Liste aus und klicken Sie auf "Einrasten" oder "Auswählen".
- Veröffentlichen Sie die Schaltfläche Speichern Sie die Änderungen und veröffentlichen Sie Ihre Seite oder Ihren Beitrag. Sie sollten über eine Schaltfläche zum Öffnen eines Popup mit dem Kontaktformular verfügen.
Jetzt wissen Sie, wie Sie der Seite oder dem Beitrag eine Schaltfläche "Popup Maker Contact Form 7" hinzufügen.
Testen und Debuggen eines Popup-Fensters und Formulars
Nachdem Sie die Schaltfläche Popup Maker Contact Form 7 eingerichtet haben, ist es wichtig, sicherzustellen, dass das Popup-Fenster und das Formular ordnungsgemäß angezeigt werden und ordnungsgemäß angezeigt werden. Dazu wird empfohlen, die folgenden Schritte auszuführen:
- Überprüfen Sie die Plugin-Einstellungen: Stellen Sie sicher, dass die Einstellungen für Popup Maker und Contact Form 7 korrekt konfiguriert sind und Ihren Anforderungen entsprechen. Stellen Sie sicher, dass die Schaltfläche für das Popup-Fenster und das Formular zur gewünschten Seite oder zum gewünschten Beitrag hinzugefügt wurde.
- Überprüfen Sie die Anzeige des Popup-Fensters: Öffnen Sie die Seite mit der Schaltfläche, und stellen Sie sicher, dass ein Popup-Fenster angezeigt wird, wenn Sie auf die Schaltfläche klicken. Stellen Sie sicher, dass die Fenstergröße und der Inhalt Ihren Erwartungen entsprechen. Wenn das Fenster nicht geöffnet wird, überprüfen Sie die Einstellungen des Plugins, möglicherweise sind weitere Anpassungen oder Korrekturen erforderlich.
- Überprüfen Sie die Anzeige des Formulars: Stellen Sie sicher, dass das Formular im Popup-Fenster angezeigt wird und alle erforderlichen Felder enthält. Stellen Sie sicher, dass die Formularfelder korrekt angezeigt werden und ordnungsgemäß funktionieren.
- Senden Sie eine Testnachricht: Füllen Sie das Formular mit Testdaten aus und versuchen Sie, eine Nachricht zu senden. Stellen Sie sicher, dass die Nachricht erfolgreich zugestellt wurde und das Popup-Fenster zu einer erfolgreichen Nachricht wechselt.
- Anpassungsfähigkeit prüfen: Überprüfen Sie die Anzeige und Funktion des Popup-Fensters und Formulars auf verschiedenen Geräten und Bildschirmauflösungen. Stellen Sie sicher, dass sie sich auf mobilen Geräten, Tablets und Desktops richtig anpassen und funktionieren.
- Testen Sie mit verschiedenen Browsern: Überprüfen Sie die Anzeige und Funktion des Popup-Fensters und Formulars in verschiedenen Browsern wie Chrome, Firefox, Safari, Opera und Edge. Stellen Sie sicher, dass sie in allen gängigen Browsern korrekt angezeigt und funktionsfähig sind.
Beachten Sie beim Testen und Debuggen alle möglichen Probleme, z. B. die falsche Anzeige des Formulars, Fehler beim Senden einer Nachricht, Probleme mit der Anpassungsfähigkeit und Kompatibilität mit verschiedenen Browsern. Beheben Sie alle erkannten Probleme, um sicherzustellen, dass das Popup-Fenster und das Formular ordnungsgemäß und effizient funktionieren.
