Wix Harmony-editor: Een link of HTML-code embedden
5 min
In dit artikel
- Code of een website embedden
- De grootte van de weergegeven inhoud aanpassen
- Richtlijnen
- Problemen met het embedden oplossen
Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, lees dan hier meer.
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 leest voordat je je code of link embed.
Om een embed toe te voegen:
- Ga naar je editor.
- Klik linksboven in de editor op + Toevoegen.
- Blader door de categorieën en selecteer Embedden.
- Sleep het Link- of HTML-embed-element naar de pagina.
- Klik in de actiebalk op het Instellingen-pictogram
. - Stel de link of code in die je wilt embedden:
Een link embedden
Code embedden
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.
1
2Als 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.
1
2Richtlijnen
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 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
Elementen zien er niet uit of functioneren niet zoals ze zouden moeten
De links in mijn iFrame werken niet
De inhoud in mijn iFrame reageert niet op verschillende schermformaten
Mijn iFrame geeft de website niet weer