Introduction Currently all Decision Trees can be used as V1 and V2 output. V2 is a lot faster and has just been officially released after a year of beta phase testing. While V1 in the other hand is a much more stable version but slower than V2 when it comes to page speed. Step by […]
Category: Appearance
Align the image either left or right on the answer button
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 final […]
How to add a tooltip
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 […]
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 what you need is not on the list then you use Google Fonts instead. Select a font Go to https://fonts.google.com/ and select the font of your choice. Take note of the import script and the CSS rule as shown below. Add font to […]
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 […]