Developer tools   /   Tutorials   /   How to Embed Tridify Viewer on Your Web Page

How to Embed Tridify Viewer on Your Web Page

In this tutorial you will learn how to embed a window containing your web viewer into your own website. Before you do this, you will need to sign up to Tridify Service and start a free 14 day Tridify trial. Once you have uploaded and processed your IFC files you can publish them to web.

To embed a window containing Tridify web viewer into your page:

1. Copy Web viewer link

2. Choose whichever HTML example code is best for your situation. Paste in your web viewer link within the quotation marks:

Example 1:
changing values of width and height will allow you to choose size of the web viewer window

<iframe src="your link here" style="border: 0" width="1000" height="800" frameborder="0" scrolling="no" allowfullscreen></iframe>

Example 2:
using this sample you will get a web viewer window that will scale with your page size

<div style="padding: 56.25% 0 0 0; position: relative;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="your link here" frameborder="0" allowfullscreen></iframe></div>

3. Copy the HTML code snippet containing your link into your website HTML editor.
You should be able to see the embedded web viewer on your page – you can try out html code here using samples above.


Sign up for a free 14 day Tridify trial »
You can test the service using our Sample IFC »

Explore the benefits of the Tridify BIM Publishing Service right now, starting with our FREE 14 day trial.

No credit card required

How It Works
Case Studies
Log in Sign up for free