Skip to main content

How to add the lead widget to your website

All plansBeginner5 minutesUpdated August 7, 2026

Go to Settings > Integrations > Website Widgets, configure the floating button (contact form, appointment booking, WhatsApp), copy the generated code snippet, and paste it before the closing body tag on your website. Submissions arrive in WorkZen as leads and booking requests instantly.

Your website already gets visitors. The floating button turns them into leads: one bubble in the corner of every page offering a contact form, real appointment booking against your actual availability, and a WhatsApp line, all feeding straight into WorkZen.

Configure the widget

Go to Settings > Integrations > Website Widgets and open the Floating Button tab. Turn on any combination of:

  • Contact Form: visitors send you a message; it lands as a lead.
  • Scheduler: visitors book an appointment; it lands as a booking request.
  • WhatsApp: a chat button that opens WhatsApp to your number (set the number with country code).

Each option's button text is editable, so "Schedule Appointment" can be "Book My Estimate".

Booking rules

The scheduler books against rules you control:

SettingOptions
Booking AvailabilityYour work hours only, or 24/7
Time Slot IntervalEvery 15 or 30 minutes, hourly, or every 2 hours
Show Service SelectionLet visitors pick a service type before choosing a time
Ask for addressCollect the visit address during booking
Show Time as RangeOffer an arrival window (2:00 to 4:00 PM) instead of an exact time, with a 1 to 4 hour window length

Click Save Widget Settings and changes publish to your live widget immediately.

Install it

Copy the snippet from the Generated Code box and paste it right before the closing </body> tag on your site. In site builders (Wix, Squarespace, Webflow, Shopify), paste it into the "custom code" or "footer code" setting. That is the entire install.

The Live Preview on the settings page shows exactly what visitors will see before you touch your site.

Lock it to your domains

The widget authenticates with a public Widget Key. Out of the box it loads on any domain, and the settings page warns you about that. Add your site under Allowed Domains and the widget refuses to load anywhere else. If the key ever ends up somewhere it shouldn't, Regenerate issues a new one (update your snippet after).

Make it yours

Plan availability

Widget customization requires ZenGrow or higher: your brand's theme color, a choice of button icons, bottom-left or bottom-right position, and removing the "Powered by WorkZen" branding. On the free plan the widget runs with WorkZen's default look.

Where submissions land

  • Contact form submissions appear in Leads, ready to claim.
  • Booking requests appear on your Dashboard; accepting one creates the visit on your calendar.

Step by step

  1. 1

    Configure the widget

    Go to Settings > Integrations > Website Widgets and open the Floating Button tab. Enable the contact form, scheduler, and WhatsApp options you want.

  2. 2

    Set your booking rules

    Choose booking availability (work hours or 24/7), time slot intervals, service selection, and whether to collect the visit address.

  3. 3

    Copy the code

    Copy the generated code snippet and paste it before the closing body tag on your website.

  4. 4

    Watch the leads arrive

    Contact submissions become leads and bookings appear on your dashboard as booking requests.

Frequently Asked Questions

If you can paste one snippet into your site's HTML (or your site builder's "custom code" box), no. The whole install is one copy-paste.
Yes, the widget works on every plan, including the free one. Customizing its colors, icon, and position, and removing the WorkZen branding, requires ZenGrow or higher.
The widget key is public by design, but you can lock it down. Add your domains under Allowed Domains and the widget refuses to load anywhere else. If a key leaks, regenerate it.
Contact form submissions arrive as leads in your Leads section. Booking requests appear on your dashboard, where accepting one creates the visit.
This snippet works on WordPress too, but there is also a dedicated [WorkZen Connector plugin](/en/help/integrations/connect-wordpress-connector/) that captures submissions from the form plugins you already use (Contact Form 7, WPForms, Elementor, and more).

This article answers:

  • How do I add a contact form to my website?
  • How do I let clients book appointments from my website?
  • How do I install the WorkZen widget?
  • How do I restrict which sites can use my widget?

Related articles

How To Create A Lead Manually in WorkZenGot a new lead from a phone call, a referral, or a napkin in your pocket? Here's how to add it to WorkZen in 30 seconds.Video, 1:06How To Claim And Manage A Lead in WorkZenThree reps chasing the same lead while three others rot in the queue? Here's how to claim and manage leads in WorkZen.Video, 1:33Handle Booking Requests From the DashboardSomeone tried to book you online. Don't leave them on read. Accept or reject booking requests from the dashboard and turn them into scheduled visits.Video, 1:01Capture WordPress form leads in WorkZenInstall the WorkZen Connector plugin and every Contact Form 7, WPForms, Elementor, or Gravity Forms submission lands in WorkZen as a lead.2 min read

Still have questions?

Browse the help center, or jump in and see it for yourself. WorkZen is free to get started.

Back to Help Center