Mit dem Slams-Embed-Widget zeigst du deine aktiven Events und den Anmelde-Button direkt auf deiner eigenen Club-Website. Besucher muessen nicht wegklicken: Sie sehen, welche Wettbewerbe und Turniere offen sind, und gelangen mit einem Klick direkt zur Anmeldung. Das Widget uebernimmt automatisch dein Club-Logo, deinen Clubnamen und deine Clubfarbe und schliesst mit einem kleinen "Powered by Slams" ab.
Wie funktioniert das Widget?
Das Widget ist ein kleines Stueck HTML (ein iframe), das du auf deiner Website einfuegst. Im Hintergrund laedt es die Seite https://slams.app/embed/<dein-club-slug>. Alles, was du danach in Slams aenderst, erscheint automatisch im Widget. Du musst den Code also nur ein einziges Mal einbinden.
Im Widget zeigt jedes Event eine Karte mit:
- dem Format (zum Beispiel ein Turnier, eine Leiter oder Americano) und der Spielstaerke;
- dem Datum, der Startgebuehr und der Anzahl angemeldeter Teams im Vergleich zum Maximum;
- einem Status-Label Offen oder Voll;
- einem Anmelden-Button in deiner Clubfarbe, der zur oeffentlichen Anmeldeseite fuehrt.
Events, die zu einem einzigen Event mit mehreren Teilen gehoeren, werden gemeinsam unter einer Karte angezeigt, genau wie auf deiner Clubseite.
Welche Events erscheinen?
Nur aktive, veroeffentlichte Events werden im Widget angezeigt. Entwuerfe und abgeschlossene Events erscheinen nicht. Wenn noch nichts live ist, zeigt das Widget die Meldung "Keine aktiven Events". Mehr zum Veroeffentlichen und zur Sichtbarkeit liest du unter Sichtbarkeit und Zugriff.
Den Code einbinden
Der iframe-Code liegt einsatzbereit in deinem Dashboard unter Einstellungen, im Tab Abonnement, im Block Website-Integration. Kopiere ihn und fuege ihn in einen HTML- oder Embed-Block auf deiner Seite ein. Das funktioniert bei fast jedem Website-Baukasten, der einen HTML-Block erlaubt, etwa WordPress, Wix oder Squarespace.
Der Code sieht so aus:
<iframe src="https://slams.app/embed/your-club" width="100%" height="500" frameborder="0" style="border:none; border-radius:12px;"></iframe>
Die Breite ist auf 100% gesetzt, sodass das Widget mit der Spalte skaliert, in die du es einbindest. Die Hoehe betraegt standardmaessig 500 Pixel; wenn du viele Events hast, erhoehe den Wert height. Neben dem Code findest du einen Vorschau oeffnen-Button, um zu pruefen, wie das Widget aussieht.
Wenn du statt einer Anmeldeliste lieber Live-Tabellen und -Spiele auf einem Bildschirm zeigen moechtest, wirf einen Blick auf den TV-Bildschirm. Wenn du einzelne Events teilen moechtest, nutze den Anmeldelink.
