ride2rave
Veranstalter›Widget-Konfigurator›Demo Festival
Widget-Konfigurator

Widget konfigurieren.

Wählt eine Reihe + Theme — wir bauen den iframe-Code automatisch. Einmal einbinden, dann zeigt das Widget intern immer die aktuelle Edition. Wenn die nächste Saison kommt, ändert sich auf eurer Website nichts.

1 · Reihe wählen

Welche Reihe?

Tippt den Namen — Status, Snippet und Vorschau passen sich automatisch an.

Aktuelle Edition
Demo Festival 2026

30. Mai – 1. Juni · gerendert vom Widget

Edition öffnen →
Editionen in dieser Reihe
1

’26

Widget-URL
/widget/demo-festival

Bleibt stabil — auch wenn Editionen kommen und gehen.

Direkt öffnen ↗
2 · Konfiguration

Look anpassen.

Schneller Start mit einem Preset — Farben + Ecken werden gesetzt, Schrift bleibt unberührt. Darunter könnt ihr alles im Detail feinjustieren.

Theme-Preset

Farben

Hintergrund bestimmt die Seitenfarbe innerhalb des iframes — die Cards passen sich automatisch an: hell auf hell, dezent dunkel auf dunkel.

Schrift

Eure Festival-Schrift übernehmen — Google-Font-Stack oder System-Font.

Ecken + Dichte

3 · Vorschau + Speichern

Live-Vorschau.

Echtes iframe — kein Mockup, reagiert sofort auf jede Änderung oben. Wenn der Look passt, unten speichern.

Konfiguration für diese Reihe speichern

Werte aus Schritt 2 serverseitig speichern — dann gilt das Theme sofort für alle Embeds dieser Reihe, auch auf den Unterseiten (Fahrt-Detail, Profile). Snippet bleibt sauber, ohne URL-Parameter.

Die PIN bekommt ihr von uns per Mail. Verloren? Schreibt an info@ride2rave.de.

4 · Einbetten

Snippet kopieren.

Snippet ohne URL-Parameter — Werte werden serverseitig aus der Reihen-Konfig gelesen. Stellt sicher, dass ihr sie oben via PIN gespeichert habt, damit sie im echten Widget greifen. Der Link unter dem iframe öffnet die Mitfahrgelegenheiten in einem neuen Fenster — lasst ihn drin, er hilft eurem und unserem SEO.

<iframe
  src="https://www.ride2rave.de/widget/demo-festival"
  width="100%"
  height="640"
  frameborder="0"
  style="border:0;"
  loading="lazy"
  title="Mitfahrgelegenheiten zur Demo Festival"
></iframe>
<p>
  <a
    href="https://www.ride2rave.de/widget/demo-festival"
    target="_blank"
    rel="noopener"
    title="Mitfahrgelegenheiten zur Demo Festival – Fahrgemeinschaften & Anreise auf ride2rave"
  >Mitfahrgelegenheiten zur Demo Festival – in neuem Fenster öffnen</a>
</p>
↗ Echte Vorschau↗ Eingebaut auf Demo-Festival-Site
Beispiel-Einbau

So sieht das Widget eingebaut auf einer echten Festival-Seite aus.

Eine Demo-Festival-Seite (3rd-Party-Domain) bindet das Widget via iframe ein — genau so, wie es bei euch laufen würde.

↗ Live-Beispiel öffnen
Was ihr noch wissen solltet

Tech-Spec auf einen Blick.