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 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

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 in […]

Read More

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, […]

Read More

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 […]

Read More

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

Read More