Rubens Knowledge Base

How to integrate the Rubens 3D Viewer into your website?

In this article we show you how you can integrate the Rubens 3D Viewer (Level 1) into your website or fully integrate into your web shop.

1. Simple integration (iFrame)

  1. Login to your 3D product catalog under https://admin.roomle.com/login
  2. Navigate to the section "Integration links / embedding code“
  3. You can copy and paste the code snippet under „embedding code“ to get started quickly with an iframe integration.
Rubens 3D Viewer - Embedding Code Section
Rubens 3D Viewer - Embedding Code Section

2. Customiz2. Customized embedding for deep integration into your web shop (embedding API)ed embedding for deep integration into your web shop

For more details about customization and embedding see: https://docs.roomle.com/web/embedding/integration.html

  1. Login to your 3D product catalog under https://admin.roomle.com/login
  2. Navigate to the section "Integration links / embedding code“
  3. Sandbox - Integration Example: We have prepared an integration example that gives out a complete Javascript-Code which is needed for the integration.

You can create a Code Sandbox to see a sample integration of the Roomle Rubens 3D Viewer (Configurator). The integration is helpful if you want to deeply integrate the product into your web shop. For more details you can see our docu: https://docs.roomle.com/web/embedding/integration.html

That’s it! You can now open the website on your Android or iOS smartphone/tablet to view your product in augmented reality.

Integration References

Roomle Rubens 3D & AR Viewer integration example
Roomle Rubens 3D & AR Viewer integration example