- Getting Started
- Sales Suite
- Field Ops
- Marketing
- Service CRM
- Developers
- FloStack
Sales Suite
Service CRM
Service CRM Integration with Jira
Send SMS and WhatsApp Messages on Tickets – For Agents
Ticket Creation Channel – Portal Form Configuration
Email, SMS and WhatsApp Notifications Configuration for Admins
Ticket Creation Channel – Social Media
How To Receive and Make Calls on Service CRM
Chat – Agent Guide
Chat – Admin Configurations
Ticket Creation Channel – Calls
Ticket Creation Channel – Email
FloStack
Integrate Flostack with UDS
Flostack – Booking and Events
Create Meeting Types on Flostack
Manage Your Leads On Flostack
Configure Rule Board on FloStack
Flostack Microsite Builder
Set Up Your Profile and Calendar on FloStack
Set Up Your Workspace on FloStack
FloStack Scheduling & Lead Engagement – Feature Guide
Website Widgets
DH
Dharshana Santhanam
Updated
24 May 2024 | 03:33 PM
1. Feature Overview
LeadSquared’s Topbar Widget is a lead conversion tool that you can add to your website or landing pages to direct the lead’s attention to your marketing offers. This widget is easy to design and connect to your website. You can specify the web pages you want to display this widget on and it does not require any changes to be made on your website.
2. Prerequisites
- The website domain on which you want to add the Topbar Widget should be associated with your LeadSquared account.
- Â The LeadSquared Tracking Script should be added on the relevant web pages.
3. Create a Topbar Widget
- From the main menu, navigate to Marketing>Website Widgets. On this page, hover your cursor over Create Widget and click Topbar.
- In the Name field, enter the name for widget. This is an internal name that you can use to identify the Topbar later.
- Click Edit to set up a message and create the design for the Topbar.
- On the Topbar Settings pop-up window, under Headline, enter the text you want to display in the Topbar. You can select different colours for the text and background of the widget.
- Under Button, enter the text you want to show on the button and the URL in the Text and Link fields respectively. You can also configure the colour of the button’s text and background.
- After configuring the design, click Save.
- The design displayed on the pop-up window is in a compressed format. To view how the topbar will be displayed on the web page, once you save the design, click Edit again.
- Under Placement, click the dropdown alongside Visibility and select where you want to display the widget –
- All Webpages – Displays the widget on all the webpages of the website and in all the Landing pages.
- Specific Webpages – Displays the widget on specific pages that are added. Add URLs in the text field below the dropdown and click Add URL. Make sure to enter the complete URL (for example, www.leadsquared.com).
- Exclude on Specific Webpages: Displays the widget on all the pages excluding the pages which are added in the exclusion list. To exclude URLs, enter them in the text field below the dropdown and click Add URL. Make sure to enter the complete URL.
- Under Duration, you can configure the duration of the widget displayed on your website. You can also choose to display them on specific dates.
- Once you’re done, click Save and Publish.
Note: You don’t have to make any changes on your website for the widget to go live.

Any Questions?
Did you find this article helpful? Please let us know any feedback you may have in the comments section below. We’d love to hear from you and help you out!
Hi
I’ve added a widget to my website , but unable to view it on other devices . do i need to enable any specific permissions so every visitor on my website can view the widget?
Hi, Vajiha. Please ensure that the domain you’re trying to deploy the widget on is added to your LeadSquared account. Additionally, make sure that the LeadSquared Tracking Script is included on the relevant web pages.
If the issue persists, please send us an email at support@leadsquared.com.