# Wix Harmony-editor: Een link of HTML-code embedden
Source: https://support.wix.com/nl/article/wix-editor-nieuw-embeds-toevoegen-en-beheren (updated 2026-06-11)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt
Toon inhoud van andere platforms rechtstreeks op je website door een codefragment of URL te embedden. Gebruik het om handige widgets zoals een aftelklok of een weersbericht binnen te halen, of inhoud van een andere website rechtstreeks op je pagina weer te geven — zodat alles wat je bezoekers nodig hebben op één plek is.
---
## Code of een website embedden
Ga naar het Elementen toevoegen-paneel om een nieuwe embed aan je website toe te voegen. Kies of je een codefragment wilt embedden of inhoud van een externe URL wilt weergeven en stel dit vervolgens in zoals nodig.
> **Belangrijk:** Zorg ervoor dat je onze [richtlijnen](https://support.wix.com/nl/article/wix-editor-nieuw-embeds-toevoegen-en-beheren#guidelines-1) leest voordat je je code of link embed.
### Om een embed toe te voegen:
1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Klik linksboven in de editor op **+ Toevoegen**.
3. Selecteer **Elementen**.
4. Wijs het **Meer opties**-pictogram  aan, scrol dan omlaag en klik op **Insluiten** .
5. Sleep het **Code embedden** of **Een website embedden**-element naar de pagina.
6. Klik in de actiebalk op het **Instellingen**-pictogram .
7. Stel de link of code in die je wilt embedden:
**Code embedden**
Embed code voor een social media-knop, een weerwidget of een ander aangepast element dat in je opkomt. Je kunt bijvoorbeeld een abonneerknop van YouTube embedden, zodat bezoekers zich rechtstreeks vanaf je website op je kanaal kunnen abonneren.
Stel de code in die je wilt embedden met behulp van de beschikbare instellingen:
* **HTML-embed-code invoeren:** Plak je HTML-code in het tekstvak.
* **Toegankelijke naam:** Voeg een korte en unieke beschrijving toe voor de code die je embedt, zodat deze toegankelijk is voor bezoekers die ondersteunende technologie gebruiken. Deze is niet zichtbaar op je website.
* **Cookies en vergelijkbare technologieën die door je code worden ingesteld:** Selecteer de juiste categorie voor de code die je embed (bijvoorbeeld: essentiële gegevens, gegevens van derden, advertenties, enzovoort)
**Let op:** We kunnen geen ondersteuning bieden voor externe code die niet is gemaakt of getest met Wix. Ondervind je een probleem met je codefragment? Neem dan rechtstreeks contact op met de provider.
**Een website embedden**
Geef een externe pagina van een andere website weer door deze rechtstreeks op je website te embedden. Gebruik dit om live feeds of online tools toe te voegen of webpagina's naast je eigen inhoud weer te geven.
Stel de link die je wilt embedden in met behulp van de beschikbare instellingen:
* **Link:** Voer de URL in die je op je website wilt weergeven. Zorg ervoor dat het adres begint met HTTPS (HTTP-websites worden niet weergegeven).
* **Toegankelijke naam:** Voeg een korte en unieke beschrijving toe voor de link die je embedt, zodat deze toegankelijk is voor bezoekers met behulp van ondersteunende technologie. Het is niet zichtbaar op je website.
* **Cookies en vergelijkbare technologieën die door je code worden ingesteld:** Selecteer de juiste categorie voor de link die je embedded (bijvoorbeeld: essentiële gegevens, gegevens van derden, advertenties, enzovoort)
**Let op:** Sommige websites hebben een beveiligingsbeleid dat verbiedt om te worden ingesloten op externe platforms. Deze websites verschijnen mogelijk niet in de editor of op je live website.
---
## De grootte van de weergegeven inhoud aanpassen
Wanneer je embed-code van een andere dienst toevoegt, bevat deze vaak vaste breedte- en hoogtewaarden in pixels, net als in het onderstaande voorbeeld.
Als je iFrame-container kleiner is dan die waarden, kan een deel van je inhoud op de pagina worden afgesneden. Vervang de pixelwaarden voor een soepelere aanpassing door percentages die zijn ingesteld op 100%. Op deze manier wordt je ingesloten inhoud automatisch aangepast aan de ruimte die je het geeft.
---
## Richtlijnen
Voordat je je code of link in het iFrame embedden, raden we aan de volgende richtlijnen te lezen.
### Code
* Zorg er altijd voor dat de code die je embed up-to-date en HTML5-compatibel is. De meeste browsers geven pagina's en scripts niet correct weer als ze zijn geschreven met oudere versies van HTML.
* HTML-code bevat de kernelementen van een pagina, maar de ontwerpinstellingen en andere complexe functionaliteiten worden meestal apart opgeslagen. Daarom werken sommige elementen mogelijk niet of zien ze er anders uit als de relevante elementen niet als referentie in de HTML-code zijn opgenomen, bijvoorbeeld de CSS- en JS-bestanden.
### Link
* Als je niet zeker weet hoe je het target-attribuut moet gebruiken, [lees het dan hier](http://www.w3schools.com/tags/att%5Fa%5Ftarget.asp) of neem contact op met de maker van de code.
* Zorg ervoor dat je code **HTTPS** bevat, niet **HTTP**, anders wordt deze niet weergegeven op je live website.
---
## Problemen met het embedden oplossen
Ondervind je problemen bij het embedden van je code of link? Klik hieronder op een probleem om er meer over te lezen en stappen voor probleemoplossing te krijgen.
> **Belangrijk:** We kunnen geen ondersteuning bieden voor externe code die niet gemaakt of getest is door Wix. Neem rechtstreeks contact op met de provider als de onderstaande stappen het probleem met je codefragment niet oplossen.
**De inhoud in mijn embed ziet er bijgesneden uit**
Dit kan gebeuren wanneer je iFrame te klein is voor de inhoud.
Als er in de widgetcode een andere hoogte en breedte is gedefinieerd, heeft dit invloed op de manier waarop je inhoud eruitziet in het iFrame.
Als het iFrame te klein is, wordt er automatisch een scrollbalk toegevoegd zodat bezoekers de rest van de widget kunnen zien. Scrollbalken hebben de neiging om andere elementen te overlappen, dus zorg ervoor dat je iFrame groot genoeg is om alle inhoud zonder scrollbalken weer te geven.
Om dit probleem op te lossen, pas je de grootte van het iFrame aan door de grepen rond het element te verslepen.
**Elementen zien er niet uit of functioneren niet zoals ze zouden moeten**
HTML-code bevat de kernelementen van een pagina, maar de ontwerpinstellingen en andere complexe functionaliteiten worden meestal apart opgeslagen.
Daarom werken sommige elementen mogelijk niet of zien ze er anders uit als de relevante elementen niet als referentie in de HTML-code zijn opgenomen, bijvoorbeeld de CSS- en JS-bestanden.
**De links in mijn iFrame werken niet**
In de meeste gevallen werken links niet als ze zijn ingesteld om in een nieuw tabblad of venster te openen. Controleer de code die je hebt ingevoerd om te zien of dat het probleem is.
Neem bij twijfel contact op met de externe provider die de code heeft geschreven.
**De inhoud in mijn iFrame reageert niet op verschillende schermformaten**
Het iFrame zelf reageert niet. Hierdoor kan je widget niet reageren op verschillende schermformaten, zelfs als dit in de code is gedefinieerd.
**Mijn iFrame geeft de website niet weer**
Sommige websites hebben een beveiligingsbeleid dat verbiedt dat ze worden ingesloten op externe platforms zoals Wix. Deze websites verschijnen mogelijk niet in de editor en/of je live website nadat je de link in het HTML-element hebt geplakt.