Ein Formular, das du im Builder gebaut und veröffentlicht hast, zeigst du auf jeder Seite und in jedem Beitrag deiner WordPress-Website. Dafür gibt es drei Wege: den Shortcode, den Block „Funnelforms“ im Block-Editor und das Widget „Funnelforms“ in Elementor. Alle drei gibt es in Funnelforms Free und in Funnelforms Pro.
Voraussetzungen
- Das Formular ist veröffentlicht. Besucher sehen nur die veröffentlichte Version.
- Du darfst Formulare bearbeiten (Recht „Formulare bearbeiten“), um das Formular in der Liste zu finden und seinen Shortcode zu kopieren.
- Für Elementor: Elementor ist auf deiner Website installiert und aktiv. Ohne Elementor wird das Widget nicht geladen.
- Popups und der Button in einer Ecke gehören zu Funnelforms Pro. In Funnelforms Free erscheint das Formular immer direkt in der Seite.
Wo finde ich die Funktion?
- Shortcode: Funnelforms → Formulare. Jede Zeile zeigt unter dem Namen des Formulars seinen Shortcode mit Kopieren. Direkt nach dem Veröffentlichen zeigt auch der Dialog Veröffentlicht den Shortcode, mit Weitere Einbettungsarten geht es weiter zum Bereich Einbetten.
- Im Builder: oben Einbetten → Inline-Einbettung. Dort kopierst du den Shortcode und siehst die Schritte für Shortcode, Block-Editor und Elementor.
- Block: im Block-Editor einer Seite oder eines Beitrags der Block Funnelforms (Kategorie „Widgets“). Suchbegriffe im Block-Verzeichnis sind unter anderem „form“, „funnel“, „lead“ und „popup“.
- Elementor: im Elementor-Editor das Widget Funnelforms (Bereich „Allgemein“). Die Einstellungen stehen im Tab „Inhalt“ im Abschnitt Formular.
Funktionen im Überblick
- Shortcode
[funnelforms id="…"]für Formulare, die aus Funnelforms 3 stammen, und[funnelforms uid="…"]für Formulare, die du im neuen Builder angelegt hast. - Der bisherige Shortcode
[anfrageformular2 id="…"]funktioniert weiter, auch in Funnelforms Free. - Block mit Formularauswahl und Live-Vorschau im Editor.
- Elementor-Widget mit derselben Formularauswahl.
- Feld Anzeige (nur Pro) für Popups und den Button in einer Ecke. Standard ist In der Seite.
Schritt-für-Schritt-Anleitung
Mit dem Shortcode
- Öffne Funnelforms → Formulare. Alternativ öffnest du das Formular und wählst oben Einbetten → Inline-Einbettung → Kopieren.
- Klicke in der Zeile deines Formulars auf den Shortcode. Er wird in die Zwischenablage kopiert, und die Schaltfläche zeigt kurz Kopiert.
- Öffne die Seite oder den Beitrag, auf der das Formular erscheinen soll.
- Füge den Shortcode in einen Shortcode-Block oder einen Absatz ein.
- Speichere die Seite und rufe sie auf, um das Formular zu prüfen.
Mit dem Block „Funnelforms“
- Öffne die Seite oder den Beitrag im Block-Editor.
- Füge den Block Funnelforms hinzu.
- Wähle im Block oder in der Seitenleiste unter Formular dein Formular aus. Solange noch keins gewählt ist, steht dort „Formular wählen“.
- In Funnelforms Pro wählst du bei Bedarf unter Anzeige, wie das Formular erscheinen soll.
- Speichere die Seite.
Mit dem Elementor-Widget
- Öffne die Seite in Elementor.
- Ziehe das Widget Funnelforms an die gewünschte Stelle.
- Wähle im Abschnitt Formular unter Formular dein Formular aus.
- In Funnelforms Pro wählst du unter Anzeige, wie das Formular erscheinen soll.
- Veröffentliche oder aktualisiere die Seite in Elementor.
Erklärungen
Was ist der Unterschied zwischen id und uid?
Formulare aus Funnelforms 3 behalten ihre bisherige Nummer: Ihr Shortcode lautet [funnelforms id="123"]. Formulare, die du im neuen Builder angelegt hast, haben keine solche Nummer. Ihr Shortcode enthält stattdessen eine lange Kennung: [funnelforms uid="…"]. Kopiere den Shortcode am besten aus der Formularliste, dann stimmt er immer. Block und Widget wählen die passende Schreibweise selbst.
Was passiert, wenn ich das Formular ändere?
Änderungen speicherst du im Builder als Entwurf. Besucher sehen sie erst, wenn du das Formular veröffentlichst. Den Shortcode, den Block oder das Widget musst du dafür nicht anfassen. Wenn deine Seite zwischengespeichert wird, zeigt sie die alte Version, bis der Cache geleert ist.
Was zeigt der Editor?
Im Block-Editor und in Elementor siehst du Formulare von Funnelforms 5 live, aber nicht anklickbar. So entstehen beim Gestalten keine Test-Einträge. Ein Popup öffnet sich im Editor nie. Formulare, die noch mit Funnelforms 3 laufen, zeigen im Editor einen Platzhalter: „Das Formular „…“ läuft mit Funnelforms 3. Es wird auf der Seite angezeigt.“
Was ist in Funnelforms Free anders?
- Im Block fehlt der Bereich Anzeige. Das Formular erscheint immer direkt in der Seite.
- Auch das Elementor-Widget hat nur die Formularauswahl und kein Feld Anzeige. Das Formular erscheint direkt in der Seite.
- Shortcode-Attribute für Popups und den Button in der Ecke werden übergangen.
- Ein Formular, das eine Pro-Funktion nutzt, die Besucher durchlaufen (zum Beispiel Terminbuchung, Zahlung, Rechner oder Bedingungen mit UND/ODER), erscheint nicht auf der Seite.
- Solange Funnelforms Free deine Formulare aus Funnelforms 3 übernimmt, zeigt der Shortcode Besuchern nichts. Wer Formulare bearbeiten darf, sieht stattdessen „Funnelforms bringt dieses Formular gerade auf Version 5. Es erscheint hier, sobald das fertig ist. Nur Personen, die Formulare bearbeiten, sehen diesen Hinweis.“
Was passiert bei einem nicht veröffentlichten Formular?
Besucher sehen bei einem Shortcode dann nichts. Block und Widget zeigen ebenfalls nichts, solange kein Formular gewählt ist. Personen, die Formulare bearbeiten dürfen, sehen bei einem Shortcode mit uid in Funnelforms Free und Pro den Hinweis „Dieses Funnelforms-Formular wird hier nicht angezeigt. Öffne es in Funnelforms, um zu sehen, warum. Nur wer Formulare bearbeitet, sieht diesen Hinweis.“ In Funnelforms Free steht bei einem Shortcode mit id „Dieses Funnelforms-Formular wird nicht angezeigt: Es ist auf Version 5 noch nicht veröffentlicht. Öffne Funnelforms im Admin-Bereich, um den Grund zu sehen. Nur Personen, die Formulare bearbeiten, sehen diesen Hinweis.“
Best Practices
- Kopiere den Shortcode aus der Formularliste, statt die Kennung abzutippen.
- Teste die Seite nach dem Einbetten im Browser ohne Anmeldung, wie ein Besucher sie sieht.
- Lege für Popups, die sich von selbst öffnen, bewusst eine Pause fest, damit Besucher nicht bei jedem Seitenaufruf gestört werden.
Troubleshooting
| Problem | Ursache | Lösung |
|---|---|---|
| Auf der Seite erscheint kein Formular. | Das Formular ist nicht veröffentlicht, die Nummer bzw. Kennung im Shortcode stimmt nicht, oder das Formular hat Fehler, die das Veröffentlichen verhindern. | Öffne das Formular im Builder, behebe die Hinweise im Dialog Formular veröffentlichen und veröffentliche es. Kopiere den Shortcode erneut aus Funnelforms → Formulare. |
| In Funnelforms Free erscheint ein Formular nicht, das vorher mit Pro lief. | Das Formular nutzt eine Pro-Funktion, die Besucher durchlaufen. | Entferne die Pro-Funktion im Builder und veröffentliche neu, oder nutze Funnelforms Pro. |
| Statt des Formulars steht „Dieses Formular braucht JavaScript. Bitte aktiviere JavaScript in deinem Browser.“ | JavaScript ist im Browser ausgeschaltet. | Aktiviere JavaScript im Browser. |
| Das Formular erscheint nicht, obwohl JavaScript an ist. | Ein Optimierungs- oder Cookie-Plugin verzögert oder verändert das Skript des Formulars. | Nimm das Skript des Formulars in die Ausnahmen des Plugins auf. |
| Im Block-Editor steht ein Platzhalter statt des Formulars. | Das Formular läuft noch mit Funnelforms 3. | Das ist so gewollt. Auf der Seite wird das Formular angezeigt. |
| Das Widget fehlt in Elementor. | Elementor ist nicht aktiv. | Aktiviere Elementor und lade den Editor neu. |
| Das Formular im Editor lässt sich nicht ausfüllen. | Die Vorschau ist bewusst nicht anklickbar. | Prüfe das Formular auf der veröffentlichten Seite. |
| In Funnelforms Free öffnet sich kein Popup, obwohl im Elementor-Widget unter Pro eine Popup-Art gewählt wurde. | Popups gehören zu Funnelforms Pro. Free zeigt das Feld Anzeige nicht. | Das Formular erscheint in Free immer direkt in der Seite. |
Tipps
- Für andere Page-Builder gibt es in Funnelforms 5.0 kein eigenes Element. Nutze dort den Shortcode, sofern dein Page-Builder WordPress-Shortcodes ausführt.
- Der Block unterstützt im Block-Editor die Ausrichtungen „breit“ und „volle Breite“.
- Das Formular als eigene Seite ohne Theme drumherum ist eine Alternative, wenn du es per Link teilen willst. Das geht auch in Funnelforms Free.
FAQ
Kann ich dasselbe Formular auf mehreren Seiten einbetten? Ja. Shortcode, Block und Widget verweisen auf das Formular. Du kannst sie auf beliebig vielen Seiten setzen, die Einträge landen in derselben Liste.
Muss ich den Shortcode ändern, wenn ich das Formular bearbeitet habe? Nein. Nach dem Veröffentlichen zeigt jeder Shortcode, Block und jedes Widget die neue Version.
Funktioniert der alte Shortcode [anfrageformular2] weiter? Ja, in Free und Pro. [anfrageformular2 id="…"] und [funnelforms id="…"] zeigen ein umgezogenes Formular gleich an.
Kann ich das Formular in Funnelforms Free als Popup zeigen? Nein. Popups und der Button in einer Ecke gehören zu Funnelforms Pro.