• When you have finished creating a decision tree, you will want to embed it in a website. This could be on a WordPress site, Unbounce site, or another web platform.
  • Sometimes you might want to embed your Decision Tree in a web page that you can upload to a web server instance.
  • In this article, lets assume you want to embed your Decision Tree in a plain HTML page.
  • First you would need to create a page. To make life easy here is a template you can copy/paste.
<!DOCTYPE html>

<!-- Make the page responsive for mobile screens -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Paste your Decision Tree code here. (And then save you file) -->


Here’s a video to explain:


  1. Matt

    How would we best use the decision tree with an existing button on WP page whereby clicking the button starts the decision tree within my page or as a pop up (inside a pop)?

    1. Nik T Article Author

      Hi Matt,

      Both options are viable. We even have pop-up option available.
      My preferred approach to add the decision tree onto its own page and then button can simple link to it.
      Pop-ups can be problematic on mobiles esp. when the height of your decision tree is changing. Unlike a form that is pop-up with only 2 fields and one button, your decision tree is constantly changing. Extra care and coding is required to cater for that is variability.

      More on pop=ups here: https://www.leadshook.com/help/how-to-display-decision-tree-in-popup/
      More on embedding/direct link here:https://www.leadshook.com/help/complete-guide-to-designing-your-decision-trees/

      Best to just have it on its own page, test and then iterate from there.

      Hope this helps.

Leave a Reply

Your email address will not be published. Required fields are marked *