# Insluitcode

> Leer hoe insluitcodes makers in staat stellen interactieve inhoud zoals video's, formulieren en betaalwidgets toe te voegen aan websites en landingspagina's.

Canonical URL: https://crevio.co/nl/glossary/embed-code

##  Wat is een insluitcode?

Een insluitcode is een stukje HTML of JavaScript waarmee je inhoud van het ene platform binnen een andere website of pagina kunt weergeven. Makers gebruiken insluitcodes om video's, betaalknoppen, aanmeldformulieren en andere interactieve elementen toe te voegen aan hun websites, [landingspagina's](/nl/glossary/landing-page) en [verkooppagina's](/nl/glossary/sales-page).

## Hoe insluitcodes werken

1. **Code genereren**: Kopieer de insluitcode van het bronplatform
2. **Plakken in editor**: Voeg de code toe aan je website of pagina-editor
3. **Inhoud wordt weergegeven**: De ingesloten inhoud verschijnt op je pagina
4. **Blijft bijgewerkt**: Wijzigingen in de bron worden automatisch op je pagina weergegeven

## Veelvoorkomende insluittypes voor makers

### Video-insluitingen
- YouTube- of Vimeo-video's
- [videoverkooppagina's](/nl/glossary/video-sales-letter)
- Voorbeeldclips van cursussen
- Getuigenisvideo's

### Afrekenen & Betalingen
- Aankoopknoppen voor producten
- Betaalformulieren
- Betaalwidgets
- Koop nu-knoppen

### Formulieren & Aanmeldingen
- Aanmeldformulieren voor [e-maillijst](/nl/glossary/email-list)
- Insluitingen voor enquêtes en quizzen
- Contactformulieren
- Opt-ins voor [leadmagneet](/nl/glossary/lead-magnet)

### Sociale bewijskracht
- Carrousels met getuigenissen
- Beoordelingswidgets
- Feeds van sociale media
- Live meldingen van aankopen

### Planning
- Widgets voor kalenderboekingen
- Afspraakplanners
- Evenementregistratie

### Gemeenschap
- Chat-widgets
- Reactiesecties
- Sociale feeds
- Live-streamspelers

## Voorbeelden van insluitcodes

### iFrame-insluiting

```html
<iframe src="https://platform.com/content"
        width="100%"
        height="400"
        frameborder="0">
</iframe>
```

### Script-insluiting

```html
<script src="https://platform.com/widget.js"></script>
<div data-widget-id="12345"></div>
```

### Knop-insluiting

```html
<a href="https://checkout.platform.com/product"
   class="buy-button">
   Buy Now - $97
</a>
```

## Beste praktijken

### Prestaties
- Sluit alleen in wat nodig is
- Overweeg lazy loading voor inhoud die onder de vouw valt
- Test de paginasnelheid nadat je insluitingen hebt toegevoegd
- Gebruik asynchrone scriptlading wanneer beschikbaar

### Beveiliging
- Sluit alleen inhoud van vertrouwde bronnen in
- Gebruik HTTPS-bronnen voor insluitingen
- Wees voorzichtig met JavaScript-insluitingen
- Controleer machtigingen en gegevensdeling

### Mobiele responsiviteit
- Gebruik responsieve insluitopties
- Test op meerdere apparaten
- Stel geschikte breedte-/hoogtewaarden in
- Gebruik percentagebreedtes wanneer mogelijk

### Gebruikerservaring
- Zorg dat insluitingen snel laden
- Bied waar mogelijk fallback-inhoud aan
- Overlaad pagina's niet met te veel insluitingen
- Test de functionaliteit regelmatig

## Veelvoorkomende problemen met insluitingen

### Weergaveproblemen
- Container te klein voor de inhoud
- Problemen met mobiele responsiviteit
- Stijlconflicten met de CSS van de pagina
- Laadfouten

### Functionele problemen
- Cross-origin beperkingen (CORS)
- Waarschuwingen over gemengde HTTPS-inhoud
- JavaScript-conflicten
- Pop-upblokkers

## Platformspecifieke insluitingen

Verschillende platforms bieden verschillende insluitopties:
- **Videohosts**: YouTube, Vimeo, Wistia
- **Betalingen**: Stripe, PayPal, Gumroad
- **E-mail**: ConvertKit, Mailchimp, Beehiiv
- **Planning**: Calendly, TidyCal, SavvyCal
- **Community**: Discord-widgets, Circle-insluitingen

## Alternatieven voor insluitingen

Wanneer insluitingen niet ideaal zijn:
- **Directe links**: Eenvoudige URL's naar externe inhoud
- **Screenshots met links**: Statische afbeeldingen die linken naar live-inhoud
- **Native integraties**: Ingebouwde platformkoppelingen
- **[Webhooks](/nl/glossary/webhook)**: Achter-de-schermen gegevenssynchronisatie