Travel advisories installation
Like the visa widget, the advisories board is a hosted drop-in: add a container, load one script. It works on any site, any CMS or none, with no build step and no API key.
1. Add a container
Section titled “1. Add a container”Place an element with the data-visamundi-advisories attribute where the board
should appear:
<div data-visamundi-advisories></div>2. Load the script
Section titled “2. Load the script”Add the script anywhere on the page. It auto-mounts every
data-visamundi-advisories container it finds, fetching the live feed and
rendering rounded flags with colour-coded threat levels:
<script src="https://advisories.visamundi.app/advisories.js" defer></script>That’s it. The board renders inside a Shadow DOM, so its styles never clash with your site’s CSS (and vice versa).
Options
Section titled “Options”Configure each board through data-* attributes on the container:
| Attribute | Default | Description |
|---|---|---|
data-limit | 24 | Max number of advisories to show (most recent first). |
data-theme | light | Visual theme (light / dark). |
data-endpoint | https://advisories.visamundi.app/api/advisories | Override the data endpoint (self-hosting / a deploy preview). |
<div data-visamundi-advisories data-limit="12" data-theme="dark"></div>Prefer to build your own?
Section titled “Prefer to build your own?”The data is a public, CORS-enabled JSON endpoint, so you can skip the script and render it yourself:
GET https://advisories.visamundi.app/api/advisoriesSee Data & source for the response shape and the country-code mapping behind the flags.
- Live demo — the board on real data.
- Data & source — the feed, the endpoint, and the flag code mapping.