Support   /   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 »

By continuing to browse the site you are agreeing to our Terms of Use

How It Works Case Studies Pricing News Support Contact
Log in Sign up for free