🔧 Wie man das neue Widget integrieren kann

Diese Anleitung führt dich Schritt für Schritt durch alles, was du brauchst, um die neuen Widgets ganz einfach auf deiner Website einzubetten oder zu verlinken.

🧩 Was ist ein Widget?

Ein Widget ist eine kleine, einbettbare Komponente, die deine Website mit deinem Eversports Manager verbindet. Du kannst es verwenden, um folgende Inhalte anzuzeigen:

deinen Aktivitätenkalender (Stundenplan)
deine Preisoptionen (inklusive Gutscheine)
spezielle Angebote wie Retreats oder Kurse
Videobibliothek

Widgets helfen deinen Kund:innen dabei:

Echtzeit-Informationen zu sehen
direkt auf deiner Website zu buchen oder zu kaufen
eine nahtlose, mobilfreundliche Nutzererfahrung zu genießen

🛠️ Wie du ein Widget auf deiner Website einbettest

1. Öffne das Widget im Eversports Manager

Gehe zu Einstellungen > Widgets [NEU]
Klicke auf das Widget, das du einbetten möchtest (oder erstelle ein neues)
Auf der Widget-Einstellungsseite findest du:
- Einen Widget-Code
  <div data-eversports-widget-id="...">
- Ein Skript
  <script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>

2. Kopiere Skript und Widget-Code

Klicke auf den Button „Code kopieren“ neben jedem Snippet.
Diese beiden Code-Bausteine brauchst du, um das Widget auf deiner Website einzubetten.

3. Füge den Code auf deiner Website ein

Das Skript einmal pro Seite einfügen
Den Widget-Code an der Stelle einfügen, wo das Widget erscheinen soll

Das geht in der Regel über ein HTML-Block, einen Einbettungsbereich oder ein benutzerdefiniertes Codefeld deines Website-Builders.

html

KopierenBearbeiten

<!-- Nur einmal pro Seite -->
<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>

<!-- Widget-Code -->
<div data-eversports-widget-id="your-widget-id-here"></div>

🔁 Du möchtest mehrere Widgets auf derselben Seite einbetten?

Kein Problem!

Das Skript nur einmal einfügen
So viele verschiedene Widget-Codes einfügen, wie du brauchst

Jedes Widget wird dort angezeigt, wo du seinen <div> platziert hast – mit seinen individuellen Einstellungen.

🔗 Du möchtest lieber verlinken statt einbetten?

Du kannst ein Widget auch als Direktlink teilen, statt es einzubetten.

So geht’s:

Gehe zu Einstellungen > Widgets [NEU]
Öffne die Widget-Übersicht
Klicke auf die drei Punkte neben deinem Widget
Wähle „Link teilen“

Du erhältst eine URL, die du:

als Button oder Link auf deiner Website einsetzen kannst
in E-Mails oder Newslettern verschicken kannst
auf Social Media oder Landing Pages teilen kannst

👉 Ideal, wenn du deine Website nicht selbst pflegst oder eine schnelle Lösung suchst, um etwas zu bewerben, ohne einzubetten.

📲 Tipps für eine reibungslose Integration

Passe den Hintergrund des Widgets an deine Website an, damit es optisch gut passt
Nutze die Vorschau-Funktion im Manager, um dein Design zu prüfen
Teste mobil – die neuen Widgets sind optimiert, aber ein kurzer Check lohnt sich immer
Vermeide iFrames – die neuen Widgets benötigen diese nicht mehr!