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 PC.

    Here's one example of how an embedded tree would appear:

     

    How to embed a tree on your own website:

    1. Click the My Trees button at the top of the screen.
    2. Choose the tree to embed.
    3. Select the  Publishing Links tool.
    4. Click Embed your tree into any web page.
    5. Copy the embed code to your website.
  • 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. Click the My Trees option at the top of the screen.
    2. Open the tree to embed.
    3. Select the Publishing option from the menu near the top right, then choose Publishing Links2022-04-04_12-26-33.png
    4. Click By Customers (external use) > Embed the Tree in your Website > In a webpage (iFrame code). Or one of the other options.
    5. Copy the embed code to your website.
    6. You'll be provided with the embed code. Place that code where you'd like the tree to appear on your website.
  • Throughout 2022 Zingtree will be upgrading customers to our new faster and more modern user experience! Here's how to tell which experience your Zingtree Authors are currently using.

    Log in to your Zingtree Author account and navigate to My Trees. How does your current My Trees page look?

    Zingtree Classic

    2022-02-25_12-24-51.png

    New User Experience

    mceclip0.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request