> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sleak.chat/llms.txt
> Use this file to discover all available pages before exploring further.

# In-line embed

> Embed de Sleak chat widget direct in je website met aangepaste afmetingen

Met de in-line embed optie kun je de Sleak chat widget direct in je website integreren met aangepaste afmetingen. Dit is ideaal wanneer je de widget op een specifieke locatie wilt plaatsen zonder dat deze als overlay wordt weergegeven.

### Hoe gebruik ik de in-line embed?

Gebruik de `placement="fullwidth"` parameter in combinatie met een container div om de widget in-line te embedden. Je kunt de afmetingen volledig aanpassen naar je wensen.

### **Voorbeeld - Elementor**

Voor Elementor kun je de volgende code gebruiken met vaste afmetingen (`px` waarden zijn aanpasbaar naar wens):

```html theme={null}
<!-- sleak.chat sleakbot embed snippet -->
<div style="height: 800px; width: 1000px; min-height: 800px; min-width: 1000px;">
<script id="sleakbot" src="https://cdn.sleak.chat/fetchsleakbot.js" chatbot-id="jouw-chatbot-id" placement="fullwidth"></script>
</div>
```

**Belangrijke parameters:**

* `placement="fullwidth"` - Zorgt ervoor dat de widget de volledige breedte van de container gebruikt
* `chatbot-id="jouw-chatbot-id"` - Vervang dit door je eigen chatbot ID uit het Sleak dashboard
* Container div styling - Pas `height`, `width`, `min-height` en `min-width` aan naar je gewenste afmetingen

***

### **Responsive afmetingen**

Voor een meer responsieve aanpak kun je ook percentages of andere CSS units gebruiken:

```html theme={null}
<div style="height: 600px; width: 100%; min-height: 400px;">
<script id="sleakbot" src="https://cdn.sleak.chat/fetchsleakbot.js" chatbot-id="jouw-chatbot-id" placement="fullwidth"></script>
</div>
```

***

<Note>
  **Hulp nodig?**

  Mocht er iets niet lukken of onduidelijk zijn? Neem gerust contact op met het team van Sleak, zodat we je verder kunnen helpen!
</Note>