If you are using Google Places integration, the field mapping for state returns as the full state name. We can use a custom script to get the 2 letter state abbreviation. Step 1: Make sure that you are mapping the state to your {state} custom field. This is done under Data Validation > Third Party […]
Articles Tagged: script
Validating special characters in the first name and last name input fields on a form node using JavaScript
Introduction: This article provides a step-by-step guide on how to implement a JavaScript script for validating first and last name input fields in a form. The script ensures that these fields contain only letters, spaces, and for the last names, single quotes. Implementing the script Step 1: Firstly, add the following script into the form […]
How to setup Exit Intent Popup on your Decision Tree
Please Note: We will have this as a direct feature on our upcoming Page Builder in Leadshook soon. Introduction In this article, we’ll share an example of the use of Exit Intent Pop-ups using a decision tree within a decision tree. IMPORTANT: You can create any DT for the Pop up Dt. Step 1: Please […]
5 Easy Non-Techie Steps to Setup Your Tracking for Version 2 Decision Trees
Please note: This is only applicable for Version 2 decision trees. For Version 1, please refer to this guide: https://www.www.leadshook.com/help/using-leadshook-with-google-tag-manager-google-analytics-4/ In this article, you’ll learn how to set up your tracking in less than 3 minutes! Google Ads, Google Analytics 4, Facebook, Twitter, TikTok & Microsoft Ads! You’ll discover how to access your automagically created […]
How to add an auto-next script with a delay
Version 1: Simply add the script below to the body of your node. Version 2: Use the code below for version 2. Set Delay Timeout: You can change the time delay by updating the set timeout time to the desired millisecond time. Please refer to the screenshot below.
Align the image either left or right on the answer button
Introduction 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 […]
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 […]
How to add CSS to a node
Introduction 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 […]
Limit the number of checkbox choices
Introduction: Sometimes you might need to set a maximum number of available choices when using checkboxes. For example if you had eight choices and you only wanted a max of three of them accepted! For this purpose we will use some custom JavaScript to count how many checks are allowed. Using the custom page node, […]
How to Setup Pop-Up Poll Campaign Using Custom Page Node
Please Note: Custom Page node requires advance technical skills so is best managed with a developer Introduction In this article, we’ll share an example of the use of custom page node to create a poll with a pop-up form. The answer selected is also saved into a custom field. IMPORTANT: The DT.setField function is sitting […]
