BabbleHub Powered by LeadConnector CRM Help Centre
View Categories Contact support CRM LOGIN
Solution home › Surveys, Forms, QR Codes and Quizzes › WebChat Widget

LeadConnector Webchat for Weebly: How to Get Started

Modified on: Mon, 15 May, 2023 at 11:04 AM · 2 min read

On this page
  1. Here are detailed steps on how to add a custom chat widget to a Weebly website using different methods:
  2. Method 1: Adding a Custom Chat Widget with Weebly’s Header Code Injection Feature
  3. Method 2: Adding a Custom Chat Widget with Weebly’s Custom HTML/ Embed Code Element

Are you looking for an easy way to connect with your website visitors and convert them into customers? LeadConnector Webchat for Weebly is the perfect solution for you!

In this article, we’ll walk you through the steps to start with LeadConnector Webchat for Weebly.


Covered in the article

How to obtain the embed code for web chat for the website: 
Here are detailed steps on how to add a custom chat widget to a Weebly website using different methods:

Method 1: Adding a Custom Chat Widget with Weebly’s Header Code Injection Feature

Method 2: Adding a Custom Chat Widget with Weebly’s Custom HTML/ Embed Code Element


How to obtain the embed code for web chat for the website:

Copy the embed code from Sites > Chat Widget > Get Code
LeadConnector Webchat for Weebly: How to Get Started – Covered in the article




Here are detailed steps on how to add a custom chat widget to a Weebly website using different methods:


Method 1: Adding a Custom Chat Widget with Weebly’s Header Code Injection Feature

  • Log in to your Weebly account and navigate to the website editor.
  • Click on “Settings” 
LeadConnector Webchat for Weebly: How to Get Started – Method 1: Adding a Custom Chat Widget with Weebly's Header Code Injection Feature




  • In the left-hand menu and select “SEO” from the options.
LeadConnector Webchat for Weebly: How to Get Started – Method 1: Adding a Custom Chat Widget with Weebly's Header Code Injection Feature




  • Scroll to the “Header Code Injection” section and click “Edit”.
  • Paste the code into the “Header Code Injection” box in Weebly.
LeadConnector Webchat for Weebly: How to Get Started – Method 1: Adding a Custom Chat Widget with Weebly's Header Code Injection Feature
  • Click “Save” to save your changes.




Method 2: Adding a Custom Chat Widget with Weebly’s Custom HTML/ Embed Code Element

  • Log in to your Weebly account and navigate to the website editor.
  • Click on “Elements” in the left-hand menu and select “Custom HTML/Embed Code” from the options.
  • Drag and drop the Custom HTML element onto your page where you want the chat widget to appear.
LeadConnector Webchat for Weebly: How to Get Started – Method 2: Adding a Custom Chat Widget with Weebly's Custom HTML/ Embed Code Element


  • Paste the Chat code into the Custom HTML element in Weebly.
  • Click “Publish” to save your changes.
Previous guideLeadConnector Webchat for Squarespace: How to Get Started Next guideLeadConnector Webchat for Wix: How to Get Started
BabbleHub CRM CRM Help Centre
Home All articles support@babblehub.com BabbleHub website

© 2026 BabbleHub. All rights reserved.