> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.leadtruffle.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Install LeadTruffle Website Widgets

${frame}[](https://www.loom.com/embed/f3a6502083584a9bbd2fdd9b295db4ab)

# Overview

LeadTruffle offers three website widgets to help you capture visitor **name and phone number**, then immediately start an **AI-powered text conversation** to qualify and book them.

The three widget types are:

1. **Website Texting Widget** (chat-style)
2. **Popup Widget**
3. **Lead Form Embed**

⚡️Not sure how to install custom code on your CMS? [Check out our list of instructions here.](#h_aff18d3485)

## 1. Website Texting Widget (Recommended)

* Appears as a **chat-style widget** in the bottom-right corner.
* Captures **name and phone number** only (not a full chat).
* Instantly starts AI text follow-up

**How to install:**

1. Copy the **code snippet** provided inside your LeadTruffle dashboard.
2. Paste it into your website editor (Squarespace, Wix, Webflow, etc.) under **custom code / snippets**.
3. The widget will **auto-position** in the lower-right corner (can be moved to bottom-left if desired).

👉 Tip: If you have a developer or agency, you can simply **email them the installation instructions** directly from LeadTruffle.

## 2. Popup Widget

* Pops up on your site to grab attention.
* Options include:

* **Exit intent** (shows when a visitor is about to leave).
* **Timed trigger** (after X seconds on site).
* Fully customizable: text, offer, colors, images.

**Installation:**

* Same as the Website Texting Widget — copy/paste the snippet OR email instructions to your developer.
* Will **auto-load** in the correct position (no extra setup needed).

## 3. Lead Form Embed

* A simplified **inline form** that only asks for **name + phone number**.
* Great alternative to long traditional forms.
* Automatically includes **tracking & analytics**:

* Source of the lead
* Page where the form was submitted

**Installation:**

1. Copy the **longer code snippet** provided.
2. Paste into the exact spot you want the form to appear on your website.

* Unlike the first two widgets, you **must position this one manually**.
3. Or email the code to your web developer.

## Best Practices

* Start with the **Website Texting Widget** (bread and butter).
* Add **Popup Widget** for higher engagement.
* Use the **Lead Form Embed** where a traditional form would normally be placed.
* The more widgets you use, the more **lead submissions** you’ll capture → leading to more **paying customers**.

---

## How to install Custom Code Snippets on Popular CMS

1. **WordPress** – Install the **Code Snippets** plugin or add code via functions.php.

[WordPress Code Snippets plugin](https://wordpress.org/plugins/code-snippets/)
2. **Drupal** – Add code using a **Custom Block** in Block Layout.

[Drupal.org: Working with blocks](https://www.drupal.org/docs/extending-drupal/blocks/working-with-blocks)
3. **Magento** – Insert snippet via a **CMS Block** and place it in a template.

[Adobe Commerce DevDocs: Create a new block](https://developer.adobe.com/commerce/frontend-core/guide/cms/block/)
4. **Wix** – Go to **Settings → Advanced → Custom Code** and paste your snippet.

[Wix Help: Adding Custom Code](https://support.wix.com/en/article/embedding-custom-code-to-your-site)
5. **Squarespace** – Add custom code in **Settings → Advanced → Code Injection**.

[Squarespace Help: Code Injection](https://support.squarespace.com/hc/en/articles/205815908-Using-code-injection)
6. **Joomla** – Use the **Custom HTML Module** or insert code directly in templates.

[Joomla Docs: Custom HTML Module](https://docs.joomla.org/Custom_HTML_module)
7. **GoDaddy** - Add HTML or custom code using Website Builder → Add Section → HTML or via Settings → Head HTML for global injection.

[GoDaddy Help: Add HTML or custom code to my site](https://www.godaddy.com/help/add-html-or-custom-code-to-my-site-27252)

---

Need help? Contact us at [[email protected]](/cdn-cgi/l/email-protection#4d3e383d3d223f390d21282c29393f382b2b2128632e2220) or message the team via the **Intercom chat** on this article or in-app.