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 […]
Category: Appearance
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 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: […]