iFrame-Embed

Offene Standards & APIs

Vuframe® 3D-Modelle und Smartvus mit einem Standard-HTML-iframe in jede Website, jeden Shop, jedes Intranet und jede App einbetten.

Das iFrame-Embed ist der universelle Weg, Vuframe®-Inhalte zu zeigen: Jedes System, das HTML annimmt, kann ein 3D-Modell oder SmartVu® mit Zoom, Drehen und WebAR zeigen. Sie brauchen kein Plugin. Die meisten Integrationen in diesem Verzeichnis nutzen es.

Vuframe-Inhalte per iframe einbetten ​

  1. Holen Sie den Embed-Page-Link Ihres 3D-Modells oder Smartvus (https://embed.vuframe.com/<embed-code>) von Ihrem Projektmanager oder aus Studio.
  2. Fügen Sie ein iframe-Element mit diesem Link in Ihre Seite ein: <iframe src="https://embed.vuframe.com/<embed-code>" width="100%" height="600" frameborder="0" allowfullscreen></iframe>.
  3. Optional: Hängen Sie URL-Parameter an den Link an, zum Beispiel enable_xr=0, um den AR-Button auszublenden.
  4. Veröffentlichen Sie die Seite und testen Sie sie am Desktop und am Smartphone.

Gut zu wissen: Der Embed-Host erlaubt das Einbetten auf jeder Website; nutzen Sie den https://-Link. Share Pages lassen sich nicht in ein iframe setzen; nutzen Sie den Embed-Page-Link. Details: Embed with an iframe. Um den Viewer von Ihrer Seite aus zu steuern, nutzen Sie die JavaScript Embed API.