Ihr Shop in WordPress

Ihr Ticketshop steht in fünf Minuten auf einer Seite Ihrer WordPress-Website. Sie brauchen kein Plugin: Sie fügen ein kurzes Stück HTML in einen Block ein, und der Shop erscheint an dieser Stelle. Er wird automatisch so hoch wie sein Inhalt, Ihr Besucher kann darin selbst die Sprache wechseln, und das Bezahlen öffnet sich in einem neuen Tab, damit Ihre Website offen bleibt.

Was Sie brauchen

• Die Rolle Eigentümer in Ihrem Backoffice.
• In WordPress: das Recht, HTML in eine Seite einzufügen. In einer eigenen WordPress-Installation hat ein Administrator es immer. Auf WordPress.com geht es nur mit einem kostenpflichtigen Tarif, der Plugins erlaubt; siehe unten.

Schritt 1 — Den Code kopieren

1. Gehen Sie in Ihrem Backoffice zu Einstellungen → Organisation.
2. Scrollen Sie zum Block Ihr Shop auf Ihrer eigenen Website.
3. Wählen Sie, was Sie möchten:
   • bei Was Sie einbinden: Ihren ganzen Shop oder Nur: ein Produkt (etwa für eine Seite über einen Workshop);
   • bei Sprache beim Öffnen: die Sprache der WordPress-Seite;
   • bei Bezahlen öffnet sich: lassen Sie In einem neuen Tab stehen, es sei denn, Ihr Besucher darf Ihre Website wirklich verlassen.
4. Klicken Sie auf Code kopieren.

Schritt 2 — Im Block-Editor (Gutenberg)

1. Öffnen Sie in WordPress die Seite, auf der der Shop erscheinen soll.
2. Klicken Sie an der gewünschten Stelle auf das + und suchen Sie HTML.
3. Wählen Sie Individuelles HTML (Custom HTML).
4. Fügen Sie den Code ein.
5. Klicken Sie auf Aktualisieren oder Veröffentlichen und sehen Sie sich die Seite als Besucher an.

Im Editor selbst sehen Sie nur den Code; der Shop erscheint erst auf der veröffentlichten Seite oder in der Vorschau.

Mit einem Page-Builder

Builder	Wo Sie den Code einfügen
Elementor	Ziehen Sie das Widget HTML auf die Seite und fügen Sie den Code ein.
Divi	Fügen Sie ein Modul Code hinzu und fügen Sie den Code ein.
Klassischer Editor	Öffnen Sie den Reiter Text (nicht Visuell) und fügen Sie den Code ein.
WPBakery	Fügen Sie das Element Raw HTML hinzu und fügen Sie den Code ein.

Mehr als ein Shop auf Ihrer Website

Sie dürfen den Code auf mehreren Seiten verwenden, auch mehrmals mit einem anderen Produkt: eine Seite pro Workshop, jede mit Nur: diesem Produkt. Die französische Seite erhält den Code mit Französisch, die niederländische den mit Niederländisch.

Ein Shortcode?

Ein eigener Shortcode oder ein Plugin ist nicht nötig, und es gibt auch keinen: Der HTML-Block leistet dasselbe und funktioniert bei jedem Update Ihres Shops weiter. Möchten Sie lieber einen Shortcode, kann ein Plugin für „Snippets“ oder „Shortcodes“ den Code unter einem eigenen Namen speichern.

Es funktioniert nicht?

Der Block bleibt nach dem Speichern leer. WordPress hat den Code entfernt. Auf WordPress.com passiert das bei einem Tarif ohne Plugins, in einer eigenen Installation bei einem Benutzer, der kein Administrator ist. Fragen Sie den Administrator Ihrer Website, oder setzen Sie eine einfache Schaltfläche Tickets kaufen mit dem Link zu Ihrem Shop. Siehe Ihren Ticketshop teilen und einbinden.

Es steht nur ein kleiner Link da und kein Shop. Das Skript lädt nicht. Ein Cache- oder Optimierungs-Plugin (etwa WP Rocket oder Autoptimize) verzögert oder bündelt Skripte manchmal. Schließen Sie embed.js dort aus, oder schalten Sie das Verzögern von JavaScript für diese Seite aus.

Der Shop ist abgeschnitten oder hat eine eigene Scrollleiste. Dann steht dort noch ein altes iframe mit fester Höhe. Ersetzen Sie es durch den Code aus Schritt 1; der wächst mit.