Align the image either left or right on the answer button

Introduction There are no settings or options to put the image side by side with the text on the answer button, however, a little CSS should do the job. Here is the CSS code: And here is the code explanation. Please feel free to adjust the code according to your needs. And here is the […]

Read More

How to add a tooltip

Introduction In this article, you will learn how you can add a tooltip. A tooltip is often used to specify extra information about something when the user moves the mouse pointer over an element. Step by Step Instructions LeadsHook provides 2 options to add a tooltip in a node. I. First Option: Using node level […]

Read More

Version 1 and version 2 grid design differences

You might notice design differences between version 1 and version 2 of LeadsHook. The main reason for this is that version 1 uses bootstrap while version 2 uses pure CSS. One major difference between the two is the use of the grid system. Bootstrap Grid System Bootstrap includes a responsive, mobile-first fluid grid system that […]

Read More

How to Switch the positions for Back and Next Buttons

Introduction In this article, you will learn how to switch back and next buttons. From To If you want to apply this on the whole Decision Tree, please Go to the Global Level Scripts via Admin> Scripts, and click the Add button. Copy and paste the code below: Please take note: Add the script in […]

Read More

How to create 2 columns in mobile view

Here is how to create 2 columns in mobile view. Step 1: Go to the decision tree scripts as shown in the image below. Step 2: Click on the “Add” button under the Decision Tree Scripts. Step 3: Add the code below Step 4: Save and publish.

Read More

How to add CSS to a node

Introduction Its possible to modify the visual aspect of any given HTML in a node. As we are scripting, we should really do a comprehensive course on HTML & CSS first. I recommend the official W3C tutorial online: https://www.w3schools.com/ Once we understand that, it will be relatively easy to modify the design of HTML elements […]

Read More

Change the DT title using a script

Introduction Step-by-Step Instructions: In the DT level scripts: Step 1: Create a new script above the closing </head> section Step 2: Simply copy this code: Change the text in double quotes to be your new title.

Read More

Complete Guide to Page Speed Analysis

WARNING! TECHNICAL ARTICLE Introduction In this article, you’ll learn details on how to analyze your pages. September 2023: Leadshook V2 is already available as a standalone DT fully separated from a V1 DT. Background A common question, we get is how to improve Google Page Speed score. My conversions are down so must be because […]

Read More

How to a Transition or Animated Loader Into a Node in a Decision Tree

Introduction: In this short article you’ll learn how to add a loading image like this one… This is show or simulated a calculation or search to find your leads or customers their ideal offer, product or service. Sample Decision Tree https://www.leadshook.com/help/wp-content/uploads/2020/05/redirect_2020-05-18.zip Video Instructions Form Node Button Setting to Hide The Button Node Level Setting Code […]

Read More

Export/Import of appearance settings

Introduction: If you have a Decision Tree setup with the appearance settings organised how you like – you can apply this design to other Decision Trees. To do this we must use the export/import feature of the appearance settings. NOTE: If you use CSS or Scripts you would need to manually copy/paste them too Step-by-Step […]

Read More