Plus

Widget embed

Affichez les prochains événements sur WordPress, Webflow ou tout site HTML.

Dans cet article

Iframe légère
Feed JSON
Script widget
Paramètres

Iframe calendrier (live)

Aujourd’hui : copiez le code iframe depuis l'onglet Intégrer du dashboard (URL publique du calendrier njanggo.com). Aucune authentification requise.

Cible : route API dédiée avec paramètres limit, theme :

HTML (cible)

<iframe
  src="https://api.njanggo.com/api/calendars/mon-collectif/embed?limit=5&theme=dark"
  width="100%"
  height="480"
  style="border:0;border-radius:16px;"
  loading="lazy"
  title="Événements Njanggo"
></iframe>

Lecture publique alternative : GET /api/calendars/:slug/events (JSON, sans auth).

Feed JSON (cible)

GETPlus

/calendars/:slug/embed.json

Liste JSON — idéal pour site React/Vue custom

GET embed.json?limit=5

200

application/json

{
  "data": {
    "calendar": { "slug": "mon-collectif", "name": "Mon Collectif" },
    "events": [
      {
        "slug": "soiree-jazz",
        "title": "Soirée Jazz",
        "startAt": "2026-08-12T20:00:00.000Z",
        "coverImageUrl": "https://...",
        "location": { "city": "Paris", "venue": "La Bellevilloise" },
        "url": "https://njanggo.com/events/soiree-jazz"
      }
    ]
  }
}

Script widget

HTML

<div id="njanggo-events" data-slug="mon-collectif" data-limit="5" data-theme="dark"></div>
<script src="https://api.njanggo.com/embed/calendar.js" async></script>

Paramètres

Query & data-attributes

limitintegeroptionnel

Nombre d'events (défaut 5, max 20)

themedark | lightoptionnel

Thème visuel du widget

tagstringoptionnel

Filtrer par tag calendrier (slug ou id)

upcomingbooleanoptionnel

true par défaut — events futurs uniquement