fepli
HandbuchTutorialsEinrichten und einbindenAdmins

Die Angebote der Saison auf der Website der Kommune zeigen

Familien sollen das Ferienprogramm von Elmsbrück dort finden, wo sie ohnehin nachsehen: auf der Website der Kommune. Sie schalten die Bausteine ein, legen einen öffentlichen Schlüssel für diese Website an, stellen die Angebotsliste der Sommerferien als Baustein zusammen und geben der Redaktion den Code. Für eine Meldung über die Kanutour kommt eine Anmeldekarte dazu. Sie brauchen etwa 20 Minuten.

Was Sie brauchen

  • Ein Konto mit der Kontoart Admin und der Rolle Super-Admin. Nur Super-Admins schalten Bausteine ein und legen öffentliche Schlüssel an.
  • Die Saison Sommerferien 2027, deren Phase Angebote veröffentlichen gerade läuft.
  • Ein veröffentlichtes Angebot mit der Sichtbarkeit Öffentlich auf der Website und Anmeldung über die Website, z. B. die Kanutour.
  • Die Adresse der Website der Kommune, hier elmsbrueck.de.
  • Die Person, die die Website der Kommune pflegt. Sie muss dort Code in den Kopf einer Seite und in ihren Inhalt setzen dürfen.
  • Eine Schnittstelle, die ohne Token antwortet. Schnittstelle aktiv und Öffentlicher Zugriff sind ab Werk an: Einstellungen.
  • Eine fepli-Website. Auf ihr melden sich Familien an, auch wenn die Angebote auf der Website der Kommune stehen.

Schritt 1 – Die Bausteine einschalten

Bausteine sind ab Werk aus. Solange der Schalter aus ist, lädt eine andere Website nichts von fepli, und der Reiter Einbinden fehlt. Der Schalter steht bei der Schnittstelle, weil ein Baustein zeigt, was die Schnittstelle ohne Token liefert.

  1. Wählen Sie Einstellungen.
  2. Wechseln Sie zu Integrationen > API.
  3. Aktivieren Sie Bausteine für andere Websites.
  4. Wählen Sie Speichern.
  5. Aktivieren Sie im Dialog API-Einstellungen ändern die Bestätigung und wählen Sie Änderung übernehmen.

Über Einstellungen zum Schalter für die Bausteine.

Unter den Schaltern erscheint der Abschnitt Öffentliche Schlüssel mit dem Hinweis „Noch kein Schlüssel. Ohne Schlüssel zeigen Bausteine nichts.“

Schritt 2 – Einen Schlüssel für die Website der Kommune anlegen

Ein Baustein zeigt nur etwas, wenn sein Code einen öffentlichen Schlüssel enthält. Der Schlüssel nennt die Websites, auf denen der Baustein laufen darf, und Elmsbrück bekommt einen eigenen, damit Sie ihn später einzeln widerrufen können. Unter Erlaubte Websites steht die Adresse ohne https:// und ohne www, denn eine Adresse gilt mit ihren Subdomains.

  1. Wählen Sie unter Öffentliche Schlüssel Schlüssel anlegen.
  2. Geben Sie unter Name Website Elmsbrück ein.
  3. Geben Sie unter Erlaubte Websites elmsbrueck.de ein.
  4. Wählen Sie Anlegen.

Der neue Schlüssel für die Website der Kommune.

Die Meldung „Schlüssel „Website Elmsbrück“ angelegt.“ erscheint. Der Schlüssel steht in der Liste, und seine Zeile zeigt die Website elmsbrueck.de.

Schritt 3 – Die Angebotsliste zusammenstellen und den Code kopieren

Die Angebotsliste ist der Baustein für die Seite zum Ferienprogramm. Elmsbrück zeigt sie als Kacheln, weil die meisten Angebote ein Bild haben. Der Code besteht aus zwei Teilen: einer lädt die Bausteine, der andere ist die Liste selbst.

  1. Wählen Sie in der Seitenleiste unter Saisons die Saison Sommerferien 2027.
  2. Wechseln Sie zum Reiter Einbinden.
  3. Wählen Sie unter Darstellung Kacheln.
  4. Wählen Sie unter Öffentlicher Schlüssel Website Elmsbrück.
  5. Wählen Sie beim Code unter „1 · Einmal pro Seite, im <head>“ Code kopieren und fügen Sie ihn in eine E-Mail an die Redaktion ein.
  6. Wählen Sie beim Code unter „2 · Dort, wo die Liste erscheinen soll“ Code kopieren und fügen Sie ihn ebenfalls ein.

Der Reiter Einbinden der Saison mit beiden Teilen des Codes.

Die Vorschau zeigt die Angebote der Sommerferien als Kacheln. Unter dem Schlüssel steht „Gilt auf elmsbrueck.de“, und jedes Kopieren meldet „Code kopiert.“

Schritt 4 – Die Kanutour als Anmeldekarte kopieren

Die Kommune kündigt die Kanutour in einer eigenen Meldung an. Dafür passt die Anmeldekarte: Sie zeigt Bild, Termin, Beitrag und freie Plätze der Kanutour und führt mit Anmelden auf ihre Angebotsseite.

  1. Wählen Sie Angebote und öffnen Sie die Kanutour.
  2. Wechseln Sie zum Reiter Einbinden.
  3. Wählen Sie beim Code der Anmeldekarte Code kopieren und fügen Sie ihn in die E-Mail ein.

Der Reiter Einbinden der Kanutour.

Die Vorschau rechts zeigt die Karte der Kanutour mit ihrem nächsten Termin.

Schritt 5 – Den Code der Redaktion geben

Die Redaktion braucht keinen Zugang zu fepli. Sie setzt den Code einmal ein, und die Bausteine zeigen von da an den aktuellen Stand: neue Angebote, freie Plätze, Absagen.

  1. Bitten Sie die Redaktion, den ersten Code in den Kopf der Seite zum Ferienprogramm und der Meldung zu setzen.
  2. Nennen Sie für den Code der Angebotsliste die Stelle der Seite, an der die Angebote stehen sollen.
  3. Nennen Sie für den Code der Anmeldekarte die Meldung zur Kanutour.
  4. Schicken Sie die E-Mail ab.

Die Redaktion hat jetzt alle drei Teile des Codes.

Schritt 6 – Das Ergebnis auf der Website prüfen

Ob der Schlüssel zur Website passt, zeigt sich erst dort. Steht die Website unter einer anderen Adresse als im Schlüssel, bleibt der Baustein leer.

  1. Öffnen Sie die Seite zum Ferienprogramm auf elmsbrueck.de.
  2. Wählen Sie in der Angebotsliste die Kanutour.
  3. Wählen Sie im Dialog Anmelden.

Die Kanutour öffnet sich auf der Website der Kommune in einem Dialog. Anmelden führt auf die Angebotsseite von fepli, und dort melden sich Familien an.

Was Sie erreicht haben

Die Website der Kommune zeigt die Angebote der Sommerferien 2027 als Kacheln, und die Meldung zur Kanutour trägt eine Anmeldekarte. Beide Bausteine laufen mit dem Schlüssel Website Elmsbrück, der nur auf elmsbrueck.de gilt. Angemeldet wird weiterhin auf fepli.

Wenn Ihr Fall anders aussieht

  • Wenn die Angebotsliste leer bleibt und „Die Angebote konnten nicht geladen werden.“ zeigt, steht die Adresse der Website nicht unter Erlaubte Websites des Schlüssels: Einstellungen.
  • Wenn die Liste auch die Herbstferien zeigen soll, nehmen Sie die Saison mit Saison hinzufügen in dieselbe Liste auf: Einbinden.
  • Wenn die Redaktion keinen Code einsetzen darf, verlinkt sie auf die Saisonseite von fepli: Das Ferienprogramm in die Website der Kommune einbinden.
  • Wenn ein Verein die Kanutour auf seiner eigenen Website zeigen will, bekommt er einen eigenen Schlüssel mit seiner Adresse.

Wie es weitergeht

← ZurückDas Ferienprogramm in die Website der Kommune einbindenWeiter →Teilnahmebeiträge online mit pmPayment kassieren