Wix Harmony-editor: Een link of HTML-code embedden
In dit artikel
- Code of een website embedden
- De grootte van de weergegeven inhoud aanpassen
- Richtlijnen
- Problemen met het embedden oplossen
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.
- Selecteer Elementen.
- Wijs het Meer opties-pictogram
aan, scrol dan omlaag en klik op Insluiten 
. - Sleep het Code embedden of Een website embedden-element naar de pagina.
- Klik in de actiebalk op het Instellingen-pictogram
. - Stel de link of code in die je wilt embedden:
Code embedden
Een website 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
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.
1Richtlijnen
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