Widget installation

Embedding the widget is two steps: add a container where it should render, and load the widget script. It works on any site — any CMS or none.

1. Add a container

Place an element with the data-visamundi-widget attribute where the widget should appear:

<div data-visamundi-widget data-language="en"></div>

2. Load the script

Add the widget script anywhere on the page. It auto-mounts every data-visamundi-widget container it finds:

<script src="https://requirements.visamundi.app/widget.js" defer></script>

That’s it — no API key required. For affiliate tracking, theming, and pre-selection, see Configuration.

Multiple widgets & dynamic mounting

Every [data-visamundi-widget] on the page is mounted automatically, so you can place as many as you like. For single-page apps that add containers after load, mount them manually:

<script>
  VisamundiWidget.mount(document.querySelector('#my-container'), { language: 'fr' });
</script>

The widget renders inside a Shadow DOM, so its styles never clash with your site’s CSS (and vice versa).

Next

• Configuration — the available options.
• Live demo — see it in action.