🔧 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 

• 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.

🔁 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

• Ö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!

📚 Mehr erfahren über die verschiedenen Widget-Typen

• Stundenplan-Widget

• Preis-Widget

• Aktivitäten-Widget

• Gutschein-Widget
• Video-Widget