Club-Widget einbetten

Mit dem Joinride-Widget kannst du die kommenden Rides, Runs und Events deines Clubs direkt auf deiner eigenen Club-Website anzeigen. So sehen Besucher:innen eurer Website immer die aktuellen Aktivitäten, ohne Joinride besuchen zu müssen.

So funktioniert das Widget

Das Widget zeigt die nächsten Rides, Runs und Events eures Clubs in einem ansprechenden Karten-Layout. Jede Karte enthält Titel, Datum, Bild und Teilnehmer:innenzahl. Ein Klick auf eine Karte öffnet die Aktivität in einem neuen Tab auf Joinride.cc. Eure Website bleibt dabei im Hintergrund geöffnet.

Das Widget aktualisiert sich automatisch: sobald ein neuer Ride oder Run auf Joinride erstellt wird, erscheint er auch auf eurer Website.

Widget einrichten

Als Admin findest du den Widgets-Tab auf dem Club-Profil. Dort kannst du:

1. Die Anzahl der Aktivitäten festlegen, die angezeigt werden sollen
2. Den Abstand zwischen den Karten anpassen
3. Eine Live-Vorschau des Widgets sehen
4. Den Einbettungs-Code kopieren

Der Code wird als iFrame bereitgestellt und kann in jede Website eingefügt werden, z.B. WordPress, Squarespace oder eine eigene HTML-Seite.

Parameter

Die Widget-URL lautet https://joinride.cc/widget/club-rides und versteht folgende Parameter:

Parameter	Pflicht	Standard	Bedeutung
clubId	ja	–	Die ID eures Clubs. Wird im Widgets-Tab automatisch eingesetzt.
limit	nein	alle	Wie viele Aktivitäten angezeigt werden. Ist die Liste länger, erscheint ein Link zu allen Rides und Events.
gap	nein	8 (32px)	Abstand zwischen den Karten in Vielfachen von 4px. gap=4 entspricht 16px.

Beispiel: https://joinride.cc/widget/club-rides?clubId=EURE_CLUB_ID&limit=3&gap=4

Warum Links in einem neuen Tab öffnen

Alle Links im Widget öffnen grundsätzlich in einem neuen Tab. Das ist Absicht: Anmeldung und Teilnahme funktionieren nur direkt auf joinride.cc zuverlässig. Innerhalb eines iFrames auf einer fremden Domain blockieren Browser die nötigen Cookies, und der Login schlägt fehl.

Das Widget ist damit die Vorschau auf eurer Website, die Anmeldung passiert in einem sauberen neuen Tab auf Joinride.

FAQ

Wer kann das Widget einrichten?

Nur Club-Admins haben Zugriff auf den Widgets-Tab und den Einbettungs-Code.

Funktioniert das Widget auf mobilen Geräten?

Ja. Das Widget passt sich automatisch an die Bildschirmgröße an: auf dem Smartphone wird eine Spalte angezeigt, auf dem Tablet zwei und auf dem Desktop drei.

Muss ich den Code aktualisieren, wenn neue Rides hinzukommen?

Nein. Das Widget lädt die aktuellen Aktivitäten automatisch. Einmal eingebettet, zeigt es immer die nächsten kommenden Rides, Runs und Events eures Clubs.

Kann ich das Aussehen des Widgets anpassen?

Du kannst die Anzahl der angezeigten Aktivitäten und den Abstand zwischen den Karten einstellen. Das grundlegende Design des Widgets orientiert sich am Joinride-Look und kann nicht individuell angepasst werden.

Können sich Besucher:innen direkt im Widget anmelden?

Nein, und das ist bewusst so. Ein Klick auf eine Karte öffnet die Aktivität in einem neuen Tab auf joinride.cc. Dort funktionieren Login und Teilnahme normal. Eine Anmeldung direkt im eingebetteten Widget wäre technisch nicht zuverlässig, weil Browser Cookies von Drittanbieter-Domains blockieren.

Öffnen die Links in einem neuen Tab oder im Widget?

Immer in einem neuen Tab. Eure Club-Website bleibt geöffnet, und Besucher:innen kommen nach der Anmeldung einfach zurück.