How to create a “Loading” function using Custom Page Node for V2 Decision Trees

Note: For V2 Decision Trees only.

Step 1: Go to Decision Tree scripts and add the jquery library

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. Create custom page node and use the code below

<html>
<head>
<title>One Moment Please</title>
  
</head>
<body>
<h2 style="text-align: center;"><span style="color:#000000;"><strong>One Moment Please</strong></span></h2>

<p style="text-align:center"><img alt="" height="120" src="https://www.leadshook.com/help/wp-content/uploads/2020/05/ajax-loader.gif" width="120" /></p>


<script>
$(document).ready(function() {
setTimeout(function () {
window.DT.next();
}, 3000);
});
</script>

</body>
</html>

You can modify the code to have a different loading gif or text content.

You can check the demo HERE

Tagged: