Veranstalter

So binden Sie das eingebettete Bestellformular von Eventbrite in Ihre WordPress.org-Website ein

Mit unserem neuen eingebetteten Bestellformular können Sie Tickets direkt auf Ihrer Website verkaufen. So können Sie die Bekanntheit Ihrer Marke steigern und Ihren Teilnehmern einen reibungslosen Registrierungsvorgang bieten. Generieren Sie zunächst Ihren Einbettungscode auf Eventbrite. Befolgen Sie anschließend diese Schritt-für-Schritt-Anleitung zur Einbettung des Bestellformulars auf WordPress.org. Vor der Live-Schaltung ist es ratsam, die WordPress.org-Seite in der Vorschau anzuzeigen und den Bestellvorgang zu testen.

In diesem Artikel

  • 1. Generieren Sie Ihren Einbettungscode.

  • 2. Öffnen Sie Ihr WordPress.org-Konto.

  • 3. Gehen Sie zu "Plugins" und wählen Sie "Add New" ("Neue hinzufügen").

  • 4. Suchen Sie nach "Raw HTML".

  • 5. Klicken Sie auf "Install Now" ("Jetzt installieren") und dann auf "Activate" ("Aktivieren").

  • 6. Bearbeiten Sie Ihre WordPress.org-Seite.

  • 7. Klicken Sie auf "Text".

  • 8. Klicken Sie auf "Preview Changes" ("Änderungen anzeigen").

  • 9. Bestimmen Sie, an welcher Stelle das Bestellformular eingefügt werden soll.

  • 10. Suchen Sie auf der Seite "Edit" ("Bearbeiten") nach dem kopierten Wort.

  • 11. Kopieren Sie den Einbettungscode und fügen Sie ihn ein.

  • 12. Fügen Sie "[raw]" vor und "[/raw]" nach dem Einbettungscode ein.

  • 13. Zeigen Sie Ihre WordPress.org-Seite an.

  • 14. Klicken Sie auf "Update" ("Aktualisieren").

  • 15. Testen Sie das eingebettete Bestellformular.

TIPP: Ihre Website muss über ein HTTPS-Zertifikat verfügen, damit Sie unser neues Bestellformular in Ihre Website einbetten können.

HINWEIS: Manche Eventfunktionen sind nicht mit dem neuen eingebetteten Bestellformular kompatibel. Weitere Informationen finden Sie in unserem Artikel zur Problembehebung.

1. Generieren Sie Ihren Einbettungscode.

Befolgen Sie diese Schritt-für-Schritt-Anleitung, um den Einbettungscode für Ihre Website zu generieren.

TIPP: Lassen Sie das Browserfenster mit dem Einbettungscode von Eventbrite geöffnet. Sie müssen diesen Code in Schritt 11 kopieren.

2. Öffnen Sie Ihr WordPress.org-Konto.

Öffnen Sie die Website oder Anwendung, mit der Sie Ihre WordPress.org-Website verwalten.

3. Gehen Sie zu "Plugins" und wählen Sie "Add New" ("Neue hinzufügen").

Bewegen Sie den Mauszeiger in der Seitenleiste Ihrer WordPress.org-Umgebung auf "Plugins" und klicken Sie auf "Add New" ("Neue hinzufügen").

4. Suchen Sie nach "Raw HTML".

Klicken Sie unter "Add Plugins" ("Plug-ins hinzufügen") in die Suchleiste und geben Sie "Raw HTML" ein. Drücken Sie die Eingabetaste auf Ihrer Tastatur, um nach dem Begriff zu suchen.

5. Klicken Sie auf "Install Now" ("Jetzt installieren") und dann auf "Activate" ("Aktivieren").

Klicken Sie unter "Raw HTML" auf "Install Now" ("Jetzt installieren"). Klicken Sie nach der Installation auf "Activate" ("Aktivieren").

6. Bearbeiten Sie Ihre WordPress.org-Seite.

Wählen Sie in der Seitenleiste die Option "Pages" ("Seiten"). Klicken Sie im Seitenmenü auf die Seite, auf der Sie das Bestellformular einfügen möchten.

HINWEIS: Wenn Sie das Bestellformular in einen bestimmten Blog-Beitrag einbinden möchten, gehen Sie nicht zu "Pages" ("Seiten"), sondern zu "Posts" ("Beiträge"). Klicken Sie im Beitragsmenü auf den Beitrag, in den Sie das Bestellformular einfügen möchten.

7. Klicken Sie auf "Text".

Klicken Sie auf der Seite "Edit" ("Bearbeiten") auf "Text". Im Texteditor sollte nun der HTML-Code für Ihre Seite angezeigt werden.

8. Klicken Sie auf "Preview Changes" ("Änderungen anzeigen").

Klicken Sie auf "Preview Changes" ("Änderungen anzeigen"), um eine Vorschau Ihrer WordPress.org-Seite aufzurufen.

HINWEIS: Klicken Sie auf "Preview Changes" ("Änderungen anzeigen"), um eine Vorschau Ihrer WordPress.org-Seite anzuzeigen.

9. Bestimmen Sie, an welcher Stelle das Bestellformular eingefügt werden soll.

Wählen Sie den letzten Absatz vor der Stelle aus, an der das Bestellformular eingefügt werden soll. Markieren und kopieren Sie das letzte Wort in diesem Absatz.

BEISPIEL: John möchte das Bestellformular unter dem Absatz einfügen, der mit dem Wort "rain" endet.

10. Suchen Sie auf der Seite "Edit" ("Bearbeiten") nach dem kopierten Wort.

Kehren Sie zur Seite "Edit" ("Bearbeiten") zurück und suchen Sie nach dem kopierten Wort.

TIPP: Mit der Tastenkombination "STRG + F" (PC) bzw. "CMD + F" (Mac) können Sie eine Suchleiste öffnen, um schnell nach einem Begriff zu suchen. Mehr dazu hier .

11. Kopieren Sie den Einbettungscode und fügen Sie ihn ein.

Kehren Sie zur Seite "Eingebettetes Bestellformular" auf Eventbrite zurück und kopieren Sie den Einbettungscode. Gehen Sie zu WordPress.org und fügen Sie den Einbettungscode nach dem End-Tag des Absatzes mit dem kopierten Wort ein.

TIP: Das End-Tag (auch "Schluss-Tag" genannt) erkennt man in der Regel am "/". Mehr dazu hier .

12. Fügen Sie "[raw]" vor und "[/raw]" nach dem Einbettungscode ein.

Geben Sie vor dem Einbettungscode "[raw]" und nach dem Einbettungscode "[/raw]" ein. So verhindern Sie, dass WordPress.org den Code automatisch formatiert.

13. Zeigen Sie Ihre WordPress.org-Seite an.

Klicken Sie auf "Preview Changes" ("Änderungen anzeigen"), um das eingebettete Bestellformular so zu sehen, wie es potenziellen Teilnehmern angezeigt wird. Wenn es an der falschen Stelle eingefügt wurde, kehren Sie zur Seite "Edit" ("Bearbeiten") zurück, um den Code zu verschieben.

TIPP: Wenn Sie Ihre WordPress.org-Seite noch nie veröffentlicht haben, wird "Preview" ("Vorschau") statt "Preview Changes" ("Änderungen anzeigen") angezeigt.

HINWEIS: Die Bestellformular-Optionen "Schaltfläche" und "Ticketformular" unterscheiden sich optisch.

14. Klicken Sie auf "Update" ("Aktualisieren").

Wenn Sie mit dem Aussehen des neuen eingebetteten Bestellformulars zufrieden sind, klicken Sie auf "Update" ("Aktualisieren").

TIPP: Wenn Sie Ihre WordPress.org-Seite noch nie veröffentlicht haben, wird "Publish" ("Veröffentlichen") statt "Update" ("Aktualisieren") angezeigt.

15. Testen Sie das eingebettete Bestellformular.

Testen Sie den Bestellvorgang auf Ihrer Website, um sicherzustellen, dass der Buchungsvorgang unabhängig von Browser, Gerät und Bildschirmgröße des Nutzers reibungslos funktioniert. Weitere Informationen erhalten Sie hier.

HINWEIS: Wenn das eingebettete Bestellformular nicht richtig funktioniert oder falsch dargestellt wird, deaktivieren Sie den Gutenberg-Editor.