How to Embed Trees on your Website

  • Updated

Once you're happy with your tree, you can place it on your website (or any web page) and make it available to others by adding just a few lines of Javascript code. Your embedded tree will look great on any device: Mobile phone, tablet, or desktop.

Here's one example of how an embedded tree would appear on a customer-facing website:

 

How to embed a tree on your website:

  1. From My Trees open the tree that you'd like to embed.
  2. Select the Publish option from the menu and choose Deployment Setup. You'll see the following options:
    1.pngHere is an example of the iFrame embed code. Replace the tree ID URL with your own Publishing Link. You can find your Publishing Link from the Publish menu in your Tree's tools:
    <iframe width="100%" frameborder="0" seamless src="https://zingtree.com/live/Your_Tree_ID">

    </iframe>

    <script type="text/javascript" src="https://zingtree.com/js/iframeResizerSmart.js"></script>

    <script type="text/javascript">iFrameResize();</script>
  3. Choose the Embed in web page option.
  4. Copy the embed code.
  5. Place that code where you'd like the tree to appear on your website.

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Didn't find what you need?

Our friendly customer support team is here to help

Submit a Ticket

Looking for help or advice?

Reach out to our knowledgeable community of users.

Zingtree Community