Road to Champ

Kursplan einbinden

Kursplan auf der Website. Eine Zeile Code.

Füge den Code in einen HTML-Block deiner Website ein, und dein Kursplan erscheint dort. Änderst du den Plan, ist er beim nächsten Laden aktuell. Ohne PDF, ohne Webdesigner.

Im Basis-Tarif kostenlos · Keine Kreditkarte

dein-gym.de/kursplan
Kursplan-Widget von Team Champ: Filter nach Matte und Disziplin, Wochenwechsel und die Kurse vom Montag mit Zeit, Matte und Coach
Eine Zeile Code
Für jeden Baukasten mit HTML-Block
Höhe passt sich an

In 4 Schritten

So bindest du den Kursplan ein.

  1. Plan veröffentlichen

    Lege Matten und Kurse an und tippe auf „Veröffentlichen“. Das Widget zeigt nur veröffentlichte Pläne.

  2. Code kopieren

    Im Gym-Bereich unter „Plan teilen“ steht dein fertiger Code mit deiner Plan-Adresse. Alternativ kopierst du den Code unten und ersetzt DEIN-GYM.

  3. In einen HTML-Block einfügen

    Öffne die Seite, auf der der Kursplan erscheinen soll, füge einen HTML- oder Code-Block hinzu und kopiere den Code hinein. Je Baukasten siehst du den Weg unten.

  4. Speichern und prüfen

    Speichere die Seite und öffne sie am Handy. Ab jetzt zeigt deine Website jede Änderung am Plan, sobald du sie veröffentlichst.

Script (empfohlen)

HTML
<script src="https://road-to-champ.com/api/public/widget.js" data-gym="DEIN-GYM" async></script>

Ersetze DEIN-GYM durch deine Plan-Adresse oder kopier den Code direkt aus dem Gym-Bereich.

Teilen-Bereich mit QR-Code für die Matte, einer Zeile Code für das Website-Widget und dem Plan-Link

So sieht „Plan teilen“ im Gym-Bereich aus.

Je nach Baukasten

WordPress, Wix, Squarespace.

  • WordPress

    Seite im Editor öffnen, Block hinzufügen, „Individuelles HTML“ wählen, Code einfügen, Seite aktualisieren.

  • Wix

    Im Editor „Einbetten“ hinzufügen, „Code einbetten“ wählen, den Code einfügen und die Seite veröffentlichen.

  • Squarespace

    Auf der Seite einen „Code“-Block hinzufügen, den Code einfügen, den Haken bei „HTML anzeigen“ lassen und speichern.

Dein Baukasten blockiert Code? Nimm den iFrame.

HTML
<iframe
  src="https://road-to-champ.com/embed/DEIN-GYM"
  style="width:100%;border:0;min-height:600px"
  title="Kursplan"
  loading="lazy"
></iframe>

Funktioniert ohne Script, hat aber eine feste Mindesthöhe von 600 px.

Häufige Fragen

Heute noch auf deine Website.

Gym anlegen, Kurse eintragen, Code kopieren. In wenigen Minuten steht dein Plan auf deiner Seite.

Gym kostenlos anlegen