• 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>

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

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


</body>
</html>

Here’s a video to explain:

Comments

  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

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

Leave a Reply

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