2 min lezen

# Phoenix

**Je kunt eenvoudig een Bookingmood-widget toevoegen aan je website die is gebouwd met** **[Phoenix](https://phoenixsite.nl/)****.**

## Een widget maken

- Je moet eerst een widget maken in Bookingmood. Lees hier hoe je dat doet: [Widget maken](https://www.bookingmood.com/nl-NL/docs/widgets/widget-maken).

## De widget toevoegen in Phoenix

- Selecteer het + pictogram om inhoud in te voegen

![Inhoud toevoegen](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-84b8a728-9f8f-4032-8642-2e62950eb1e9.png?quality=75&resize=contain&width=3840)

- Klik op _HTML_.
- Plak de insluitcode van je widget die je hebt gemaakt.
- Verwijder de delen _script_ en _style_.
- Klik op _+ Toevoegen_.

![HTML](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-8ae4bd69-86bf-4c11-b7df-16b80a2063f0.png?quality=75&resize=contain&width=3840)

- Ga naar _Instellingen_ > _Custom scripts_.

![Custom scripts](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-092abcb1-3290-4e0a-bb08-77cba3d583cc.png?quality=75&resize=contain&width=3840)

- Configureer het aangepaste script.
- Gebruik een naam naar keuze, bijvoorbeeld 'Bookingmood resize'.
- Script moet als _body-tag_ geplaatst worden.
- GDPR compliance moet ingesteld worden op _Functional (user consent not required)_.
- Optimaliseer script voor Pagespeed moet uit staan.

![Custom Scripts](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-ee6dfeae-add6-4187-a37a-d3723bfde38d.png?quality=75&resize=contain&width=3840)

- Plak tot slot de volgende code. Als je een waarschuwing krijgt, kun je die gerust negeren.

```
<script>
  window.addEventListener("bericht", functie (gebeurtenis) {
    try {
      const height = JSON.parse(event.data).hoogte;
      als (!(height > 0)) return;
      const frames = document.getElementsByTagName("iframe");
      for (const frame of frames) {
        const frameWindow =
          frame.contentWindow > frame.contentDocument.defaultView;
        if (frameWindow === event.source) {
          frame.height = hoogte;
          frame.style.borderRadius = "12px";
          frame.style.width = "100%";
          frame.style.border = "none";
        }
      }
    } vangst {}
  });
</script>
````
```

Laatst gewijzigd 31 augustus 2026