--- title: "Externe inhoud inbedden" slug: "embedding-external-content" updated: 2026-06-01T15:52:44Z published: 2026-06-01T15:52:44Z canonical: "docs.document360.com/embedding-external-content" stale: true --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Externe inhoud inbedden Document360 ondersteunt het direct inbedden van derde-partijinhoud in je artikelen — inclusief diagrammen, video's en interactieve formulieren — zonder het kennisbankportaal te verlaten. Embedding gebeurt met HTML iframe-code die in Codeweergave in de Advanced WYSIWYG-editor is geplakt, of direct in de Markdown-editor. In dit artikel worden drie embeddingtypes behandeld: Draw.io diagrammen Embed stroomdiagrammen, UML-diagrammen, netwerkdiagrammen en meer direct Diagrams.net in je artikelen in je artikelen als afbeeldingen of via HTML. [Lees meer →](https://docs.document360.com/docs/nl/embedding-external-content#embed-drawio-diagram) Microsoft Stream-video's Embed SharePoint Stream- en Microsoft Stream-video's in artikelen met behulp van een iframe-embedcode van het Stream-platform. [Lees meer →](https://docs.document360.com/docs/nl/embedding-external-content#embed-microsoft-stream-videos) Google Forms Integreer interactieve Google Forms in artikelen om feedback te verzamelen, enquêtes uit te voeren of lezersinput direct op de pagina vast te leggen. [Lees meer →](https://docs.document360.com/docs/nl/embedding-external-content#embed-google-forms) --- ## Wanneer zou je deze gebruiken? - Embed een **Draw.io** stroomdiagram of architectuurdiagram naast een technische procedure zodat lezers de volledige systeemcontext kunnen zien zonder van gereedschap te wisselen - Plaats een **Microsoft Stream-trainingsvideo** in een onboardingartikel zodat interne gebruikers deze kunnen bekijken zonder de kennisbank te verlaten - Sluit een **Google-formulier** in aan het einde van een artikel om feedback van lezers, tevredenheidsbeoordelingen of supportverzoeken direct te verzamelen - Gebruik diagrammen die als afbeeldingen worden geëxporteerd wanneer je een lichtgewicht, altijd zichtbaar beeld nodig hebt dat niet afhankelijk is van beschikbaarheid van externe diensten --- ## Inbedding Draw.io diagram Diagrams.net (vaak aangeduid als Draw.io) is een webgebaseerde open-source tool voor het maken van stroomdiagrammen, UML-diagrammen, entiteitsrelaties, netwerkdiagrammen, mockups en meer. OPMERKING Diagrammen die zijn opgeslagen op Google Drive, Dropbox of andere cloudopslag zijn standaard privé. Zorg ervoor dat de privacy-instellingen van het diagram vóór het inbedden openbaar zijn — anders kunnen lezers het niet bekijken. **Embed als een afbeeldingstag** Gebruik deze aanpak in de Markdown-editor of via Codeweergave in de Advanced WYSIWYG-editor. 1. Klik in Diagrams.net **op Bestanden > Emben** en kies **Afbeelding**. 2. Klik **op Invoegen**. 3. Klik **op Kopiëren** om de gegenereerde afbeeldingstag te kopiëren. 4. In de Markdown-editor plakt u de gekopieerde code direct in het artikel. Klik in de Advanced WYSIWYG-editor op het **Codeweergave-icoon** en plak de code op de gewenste locatie. ![embed draw.io](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/embed%20draw.io.gif) Je kunt de hoogte- en breedtewaarden in de tag aanpassen wanneer dat nodig is. **Exporteren als afbeelding en uploaden** Gebruik deze aanpak voor de Advanced WYSIWYG-editor of wanneer je het diagram wilt opslaan in Document360 Drive. 1. Klik in Diagrams.net **op Bestand > Exporteren als > PNG.** 2. Klik **op Exporteren**, geef het bestand een naam en sla het op op je gewenste locatie. 3. Klik **op Downloaden**. 4. Klik in de Document360-editor op **Afbeelding invoegen** en selecteer **Van Upload/URL.** 5. Selecteer de gedownloade afbeelding en klik **op Invoegen**. ![export image draw.io](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/export%20image%20draw.io.png) --- ## Embed Microsoft Stream-video's Je kunt zowel Microsoft SharePoint Stream als de nieuwste Microsoft Stream-video's in Document360-artikelen inbedden. Embedding wordt ondersteund in zowel de Markdown- als de Advanced WYSIWYG-editors. #### De embed-code van Stream ophalen 1. Ga naar het Stream-platform en selecteer de video die je wilt insluiten. 2. Klik rechtsboven op de videopagina op **Delen** en selecteer vervolgens **Code inbedden**. 3. Configureer indien nodig de volgende opties in het embed-paneel: - **Begin met** — stel een specifieke tijdstempel in (bijv. 01:23) - **Spelersgrootte** — kies een resolutie (bijv. 640×360, 1280×720) 4. Klik **op Kopieer embed code**. ![embed stream](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/embed%20stream.gif) #### Embedding in de Advanced WYSIWYG-editor 1. Navigeer naar het gewenste artikel. 2. Klik op het **Codeweergave-icoon** . 3. Plak de embedcode op de gewenste locatie. 4. Druk `Ctrl + S` om op te slaan. #### Inbedding met het slash-commando 1. Typ `/Video` en druk `Enter`op . Het paneel **'Video invoegen** ' verschijnt. 2. In het tabblad **'Code embed'** plakt je de gekopieerde embedcode. 3. Klik **op Opslaan**. ![embed slash](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/embed%20slash.png) OPMERKING Zorg ervoor dat je de toegangsrechten voor de Stream-video beheert voordat je publiceert. Zonder de juiste rechten in Microsoft Stream kunnen lezers de ingesloten video niet bekijken. Raadpleeg de Microsoft Stream-ondersteuningsdocumentatie over permissies voor details. --- ## Embed Google Forms Je kunt Google Forms direct in kennisbasisartikelen inbedden met behulp van een HTML iframe-code. Na publicatie kunnen lezers met het formulier interageren — enquêtes invullen, feedback indienen of gegevens invoeren — zonder het artikel te verlaten. #### De embedcode ophalen uit Google Forms 1. Ga naar Google Forms en log in met je Google-account. 2. Open een bestaand formulier of maak een nieuw formulier aan. 3. Klik op de **Verzendknop** bovenaan het formulier. 4. Selecteer in het paneel **'Verzenden formulier** ' het **tabblad < >** (Inbedden). 5. Klik **op Kopiëren** om de iframe-embedcode te kopiëren. ![embed google](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/embed%20google.gif) #### Embedding in de Advanced WYSIWYG-editor 1. Navigeer naar het gewenste artikel. 2. Klik op het **Codeweergave-icoon** . 3. Plak de gekopieerde iframe-code op de gewenste locatie. 4. Druk `Ctrl + S` om op te slaan. Het formulier zal in het artikel worden weergegeven. #### Inbedding in de Markdown-editor 1. Navigeer naar het gewenste artikel in de Markdown-editor. 2. Plak de iframe src-link direct in de editor op de gewenste locatie. --- ## Best practices - Stel Draw.io diagrammen altijd op publiek voordat je embeddingt — privédiagrammen lijken voor lezers op de kennisbank als kapot - Gebruik de export-als-afbeelding-methode voor Draw.io diagrammen wanneer je volledige controle over het visuele wilt zonder afhankelijk te zijn van een externe servicelink die actief blijft - Controleer de toestemming voor de Stream-video voordat je publiceert — lezers zonder toegang tot de Stream-video zullen een foutmelding zien in plaats van de video zelf - Test ingesloten Google Forms na publicatie om te bevestigen dat ze correct worden weergegeven en ingediend voor lezers - Houd de ingebedde content gericht — één diagram of formulier per sectie. Het stapelen van meerdere embeds in één artikel kan de laadprestaties van pagina's beïnvloeden - Bekijk het artikel altijd na het inbedden om te bevestigen dat de inhoud correct wordt weergegeven voordat je publiceert