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. LeadsHook provides 2 options to add a tooltip in a node. First Option: Using node level script To add a script at […]
Category: Appearance
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 […]
How to a Transition or Animated Loader Into a Node in a Decision Tree
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 to […]
Export/Import of appearance settings
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 ) […]
How to Display Your Decision Trees on Your Own Domain
Please watch the video below for instruction on how to display your decision trees on your own domain… Note: As per our Domain Policy and as stated on our initial Domain migration instructions. Once you agree to migrate a domain, you won’t be able to remove it until the next 30 days. You can however […]
How to use Google Fonts in LeadsHook
LeadsHook supports a number of fonts in the appearance settings. However, if you require a larger selection, that is also possible using Google Fonts & some custom CSS Instructions First, head over to: https://fonts.google.com/ Browse the available fonts and select one Open up the font dialog ( at the bottom of the window ) Then, […]
Decision Trees On Convertri
https://www.convertri.com/ Users who are using Convertri will noticed their decision trees do not display too well or in cases gives a blank screen on the 2nd node. This is a known issue with Convertri. The parent element that holds the decision tree embed code, has a position absolute in css. This will break the layout […]
2 Column Layout on Mobile
By default, LeadsHook Decision trees display one column wide on mobile. If it has many questions, there will be a lot of vertical space. This means a lot of scrolling for your users. Before We can override this layout using custom CSS After First just create a new decision tree level script And then copy […]
Using the Appearance Settings
In this article we will show you how to design a decision tree using the appearance settings. You don’t need to have any web design skills. Although, it would make your job a lot easier if you are familiar with CSS. If you would like to learn HTML/CSS/JS we recommend you try the official tutorials: […]
How to Reduce the Vertical Space in Your Decision Tree
In this article we’ll share how to reduce the vertical space of your decision tree… Please select APPEARANCE then… If you want to increase the font size then consider the options here… Setup the typography (standardised font, colour settings for your decision tree) here: