EasyAccess Widget-Integration

Schritt-für-Schritt-Anleitung für Entwickler

Wichtig: Widget-Token

In allen Code-Beispielen unten sehen Sie den Platzhalter IHR_WIDGET_TOKEN. Dieser muss durch den echten Token ersetzt werden, den Sie von Ihrem Auftraggeber erhalten haben.

Widget-Code (Empfohlen)

Fügen Sie diesen Code in den <head>-Bereich Ihrer Website ein:

<!-- Start EasyAccess Widget -->
<script src="https://www.easyopen.de/static/w.js?t=IHR_WIDGET_TOKEN" async></script>
<!-- End EasyAccess Widget -->
Position: Der Code muss VOR dem schließenden </head>-Tag platziert werden und sollte in einem globalen Template (Header/Layout) eingefügt werden, damit er auf allen Seiten geladen wird.

Plattform-spezifische Anleitungen

WordPress

1
WordPress-Dashboard öffnen

Melden Sie sich im WordPress-Admin an: https://ihre-domain.de/wp-admin

2
Theme-Editor öffnen

Navigation: Design → Theme-Datei-Editor

Hinweis: Falls der Editor deaktiviert ist, nutzen Sie das Plugin "Insert Headers and Footers" oder "WPCode"
3
Code einfügen

Öffnen Sie header.php und fügen Sie den Code VOR </head> ein:

<!-- Start EasyAccess Widget -->
<script src="https://www.easyopen.de/static/w.js?t=IHR_WIDGET_TOKEN" async></script>
<!-- End EasyAccess Widget -->
✓
Speichern & Testen

Klicken Sie auf "Datei aktualisieren" und besuchen Sie die Website. Das Widget sollte nun sichtbar sein.

Shopify

1
Theme-Editor öffnen

Onlineshop → Themes → Aktionen → Code bearbeiten

2
theme.liquid bearbeiten

Öffnen Sie theme.liquid im Ordner "Layout"

3
Code einfügen

Fügen Sie vor </head> ein:

<!-- Start EasyAccess Widget -->
<script src="https://www.easyopen.de/static/w.js?t=IHR_WIDGET_TOKEN" async></script>
<!-- End EasyAccess Widget -->
✓
Speichern

Speichern und den Shop besuchen.

Wix

1
Einstellungen öffnen

Einstellungen → Erweitert → Benutzerdefinierter Code

2
Code hinzufügen

Klicken Sie auf "+ Benutzerdefinierten Code hinzufügen"

Einstellungen: Position: Head, Anwenden auf: Alle Seiten

<!-- Start EasyAccess Widget -->
<script src="https://www.easyopen.de/static/w.js?t=IHR_WIDGET_TOKEN" async></script>
<!-- End EasyAccess Widget -->
✓
Veröffentlichen

Übernehmen und veröffentlichen.

HTML / Custom Website

1
HTML-Datei oder Template öffnen

Öffnen Sie Ihre HTML-Datei oder Template-Datei (z.B. bei Jinja2, EJS, Blade)

2
Code einfügen

Fügen Sie den Code vor </head> ein:

<head>
  <meta charset="UTF-8">
  <title>Meine Website</title>

  <!-- Start EasyAccess Widget -->
  <script src="https://www.easyopen.de/static/w.js?t=IHR_WIDGET_TOKEN" async></script>
  <!-- End EasyAccess Widget -->
</head>
Template-Systeme: Fügen Sie den Code in Ihr Base-Template ein, damit er auf allen Seiten geladen wird.

Problemlösung

Widget wird nicht angezeigt?

Überprüfen Sie:

  • Code im <head> Bereich eingefügt (nicht im <body>)
  • Token korrekt eingefügt (32 Zeichen Hex-String)
  • Browser-Console auf Fehler prüfen (F12)
  • Browser-Cache leeren (Strg+Shift+R bzw. Cmd+Shift+R)
Widget nur auf einigen Seiten sichtbar?

Der Code muss in einem globalen Template eingefügt werden:

  • WordPress: header.php im Theme-Ordner
  • Shopify: theme.liquid
  • Custom: Base-Template oder Layout-Datei

Diese Anleitung ist öffentlich verfügbar unter: https://www.easyopen.de/integration-anleitung

Bei Fragen kontaktieren Sie bitte den Auftraggeber oder den EasyAccess Support.