Zurück zur Übersicht

WordPress Gutschein-Integration

So bindest du das Schenkwerk Gutschein-Plugin in deine WordPress-Website ein – ohne Programmierkenntnisse, mit dem kostenlosen Plugin WPCode.

1

Schenkwerk Einstellungen öffnen

• Logge dich in deinen Schenkwerk Account ein. (Link zum Login)

• Klicke oben in der Navigation auf "Einstellungen".

Screenshot Schritt 1
2

Widget-Code kopieren

Gehe im Control Center auf den Tab „Integration". Wähle „Gutschein-Plugin als Widget / Popup Overlay einbinden" und kopiere den angezeigten Code. Du kannst customHeadline und customText bei Bedarf anpassen.

Screenshot Schritt 2
3

WordPress Dashboard öffnen

Logge dich in dein WordPress Admin-Panel ein (z.B. deine-domain.de/wp-admin) und navigiere im linken Menü zu „Plugins" → „Installierte Plugins".

4

Plugin „WPCode" installieren

Gehe zu „Plugins" → „Installieren" und suche nach „WPCode". Klicke auf „Jetzt installieren" und dann auf „Aktivieren". WPCode ist kostenlos und ermöglicht das Einbinden von Code ohne Theme-Dateien zu bearbeiten. Falls WPCode bereits installiert ist, überspringe diesen Schritt.

Screenshot Schritt 4
5

Neues Code-Snippet anlegen

Navigiere zu „Code Snippets" (WPCode) → „+ Snippet hinzufügen" → „Eigenen Code hinzufügen". Füge den kopierten Widget-Code ein, stelle den Typ auf „HTML Snippet" und wähle unter „Einfügen" die Position „Seiten-Head" sowie „Alle Seiten". Aktiviere das Snippet und klicke auf „Speichern".

Screenshot Schritt 5Screenshot Schritt 5
6

Fertig – das Widget ist live

Nach kurzer Ladezeit erscheint der Gutschein-Button automatisch auf deiner Seite, z.B. unten rechts mit dem Text „Gutschein kaufen".

Screenshot Schritt 6

Wichtige Hinweise

  • Stelle sicher, dass dein Schenkwerk-Account freigeschaltet und dein Stripe-Konto vollständig eingerichtet ist.
  • WPCode ist kostenlos auf wordpress.org verfügbar. Alternativ kannst du den Code auch direkt über „Darstellung" → „Theme-Editor" → header.php einfügen, falls du Erfahrung mit WordPress-Themes hast.
  • Falls dein Theme einen eigenen „Custom Code"-Bereich anbietet (z.B. bei Elementor oder Divi), kannst du den Code auch dort einfügen.