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