> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# Integreren

In de sectie Integreren vind je alles wat je nodig hebt om je agents met je gebruikers te verbinden, via webwidgets, mobiele apps, telefoonsystemen of aangepaste integraties.

![Integratieopties](/docs/_fern-img/7375358c43ac5dd1a170937123f0874e01b3d8b6cf178c282805588a11d39593.webp)

### Verbinden en implementeren

| Doel                              | Handleiding                                                                          | Beschrijving                                                                        |
| --------------------------------- | ------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- |
| Bouwen met React-componenten      | [ElevenLabs UI](https://ui.elevenlabs.io)                                            | Kant-en-klare componentenbibliotheek voor audio- en agentapps (op basis van shadcn) |
| Widget insluiten op website       | [Widget](/docs/nl/eleven-agents/customization/widget)                                | Voeg een aanpasbare webwidget toe aan elke website                                  |
| React-webapps bouwen              | [React SDK](/docs/nl/eleven-agents/libraries/react)                                  | React-hooks en -componenten met spraakondersteuning                                 |
| iOS-apps bouwen                   | [Swift SDK](/docs/nl/eleven-agents/libraries/swift)                                  | Native iOS-SDK voor spraakagents                                                    |
| Android-apps bouwen               | [Kotlin SDK](/docs/nl/eleven-agents/libraries/kotlin)                                | Native Android-SDK voor spraakagents                                                |
| React Native-apps bouwen          | [React Native SDK](/docs/nl/eleven-agents/libraries/react-native)                    | Platformonafhankelijke iOS en Android met React Native                              |
| Verbinden via SIP-trunk           | [SIP-trunk](/docs/nl/eleven-agents/phone-numbers/sip-trunking)                       | Integreer met bestaande telefonie-infrastructuur                                    |
| Uitgaande batchgesprekken voeren  | [Batchgesprekken](/docs/nl/eleven-agents/phone-numbers/batch-calls)                  | Activeer programmatisch meerdere gesprekken                                         |
| Twilio-integratie gebruiken       | [Twilio](/docs/nl/eleven-agents/phone-numbers/twilio-integration/native-integration) | Native Twilio-integratie voor telefoongesprekken                                    |
| Aangepaste integraties bouwen     | [WebSocket API](/docs/nl/eleven-agents/libraries/web-sockets)                        | WebSocket-protocol op laag niveau voor aangepaste implementaties                    |
| Realtime gebeurtenissen ontvangen | [Gebeurtenissen](/docs/nl/eleven-agents/customization/events)                        | Abonneer je op gespreksgebeurtenissen en updates                                    |

## Demo

Dit is een Next.js-component van [ElevenLabs UI](https://ui.elevenlabs.io/blocks#voice-chat-01). Bekijk de broncode om deze in je applicatie te integreren.

## Volgende stappen

#### [Widget](/docs/nl/eleven-agents/customization/widget)

Voeg een webwidget toe aan je site

#### [React SDK](/docs/nl/eleven-agents/libraries/react)

Bouw met React-componenten

#### [Twilio](/docs/nl/eleven-agents/phone-numbers/twilio-integration/native-integration)

Implementeer via de telefoon

#### [WebSocket API](/docs/nl/eleven-agents/libraries/web-sockets)

Bouw aangepaste integraties

#### [ElevenLabs UI](https://ui.elevenlabs.io)

Kant-en-klare React-componenten