How to Add LeadTruffle's Website Texting Widget to Webflow in 4 Simple Steps

Never Miss a Website Lead Again: Webflow Setup Made Simple

Let’s cut to the chase - you want more leads from your Webflow website without hiring a developer. Here’s exactly how to integrate LeadTruffle’s texting widget in 4 steps that take less time than replacing a garbage disposal.

What You’ll Need:

• A Webflow account
• Access to your LeadTruffle dashboard (free trial works)
• 3 minutes

Step 1: Grab Your Widget Code

1. Log into LeadTruffle
2. Go to Website Texting > Styles
3. Click ‘Copy Embed Code’ (looks like: <script src="...leadtruffle.com/widget.js"></script>)

Step 2: Add to Webflow

1. Open your Webflow project
2. Go to Project Settings > Custom Code
3. Paste code into Footer Code section

Step 3: Publish Your Site

1. Click ‘Publish’ in Webflow
2. Visit your live site to test

That’s it. The widget will now appear as a chat icon in the bottom-right corner of every page.

Customizing Your Widget (Optional)

Back in LeadTruffle’s Website Texting > Styles section:

• Choose button color
• Set welcome message
• Add your company logo

No need to republish Webflow after making these changes - they update automatically.

Why This Works for Home Services

Last week, a HVAC company using this setup:

1. Got 23 website leads after-hours
2. Qualified 18 via SMS conversations
3. Closed 9 jobs ($27k revenue)

All while their team slept. The widget works like a 24/7 dispatcher that never clocks out.

Troubleshooting Tips

• Can’t see the widget? Ensure you:
  1. Published changes in Webflow
  2. Used the footer code section
  3. Didn’t add the code to individual page embeds
• Test with different devices (mobile shows the widget by default)

Ready to turn website visitors into texting leads? Start your free LeadTruffle trial - no credit card needed. Questions? Our team’s here at [email protected].