HTML iframe

Het insluiten van een HTML iframe is het proces van het invoegen van een HTML iframe-element in je webpagina of webshop om de Vulp-inhoud weer te geven zonder zelf alle virtuele productbestanden te hosten. Het stelt je in staat om externe inhoud naadloos te integreren zonder dat gebruikers je site hoeven te verlaten.

Om de Vulp-viewer in te bedden op een webpagina, kun je de volgende stappen volgen:

1. Open je HTML-bestand of de HTML-editor waar je het virtuele product wilt insluiten.

2. Beslis waar je het iframe op de pagina wilt weergeven en voeg op die locatie een HTML voorbeeldcode-tag toe.

 <iframe
    src="https://vulp.studio/<customerId>/<modelId>/<lang>"
    allow="xr-spatial-tracking; fullscreen"
    referrerpolicy="no-referrer-when-downgrade"
    width="600"
    height="400"
    frameBorder="0"
    title="vulp.studio"
  ></iframe>

3. Vervang de <customerId>, <modelId> en <lang> door de source-URL die je kunt kopiëren vanuit het CMS. Houd er rekening mee dat inbedding alleen mogelijk is als het domein van de website in de whitelist van de klant staat die is ingesteld in het CMS.

4. Pas het iframe aan door attributen toe te voegen aan de <iframe>-tag. Enkele veelgebruikte attributen zijn:

5. Pas de viewer en het model aan door parameters toe te voegen aan de src, je kunt alle parameters vinden op onze documentatiewebsite.

6. Sla het bestand op en upload het naar je website.