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

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

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

How to Prevent the Background Image of ‘Increasing’ in Size in Your Chatbot

Introduction: In this guide, you’ll learn how to prevent the background image from increasing in size in your chatbot. By adjusting certain settings, you can maintain the desired dimensions of your chatbot’s background image. Prerequisites: Step-by-Step Instructions: Step 1: Adjust Image Size Settings Conclusion: By correctly adjusting your settings, you can control the size of […]

Read More

Complete Guide to Designing Your Decision Trees

Introduction: This guide is a collection of tutorials that walk you through the process of altering the appearance of your decision trees. By following these videos, you’ll understand how to tailor the look and feel of your decision trees to match your brand’s aesthetic. Prerequisites: Design Update #1: One-Click Design Themes (or Skins) Select a […]

Read More

How to Format Chatbot lines in Leadshook

Introduction This guide provides a step-by-step process on how to format the appearance of question lines in your LeadsHook decision tree. Prerequisites Here is an example of a question line without formatting: Here is an example of a question with formatting: Step by Step Instructions 1. Creating Question Lines 2. Formatting question lines Conclusion: Effectively […]

Read More

How to format form input?

Introduction This guide will demonstrate how to format the appearance of form inputs in your decision tree using LeadsHook. Here is an example of a form input without formatting: Here is an example of a form input with formatting: Step by Step Instructions On the decision tree canvas,1. Click the settings icon2. Click “Appearance” the […]

Read More

Customizing Answer Button Appearance in LeadsHook

Introduction: This guide walks you through how to format the appearance of answer buttons in your decision tree using LeadsHook. Here is an example of answer buttons without formatting: Here is an example of answer buttons with formatting: Step by Step Instructions Conclusion: Customizing the appearance of answer buttons in your decision tree can enhance […]

Read More