For ContractorsFor HomeownersFor BuildersFor BusinessesPricingHelpStart Free Trial

Website Widget for Lead Generation

Embed a scheduling widget on your website to receive job requests

Overview

The website widget lets you embed a job request form directly on your contractor website. Homeowners can submit requests without leaving your site, and you'll receive notifications just like marketplace job requests. It's a simple way to turn website visitors into customers.

Setting Up Your Widget

Accessing Widget Settings

  1. Go to Settings in your contractor dashboard
  2. Click the "Website Widget" tab
  3. Copy the embed code shown on the page

Customizing Widget Colors

You can customize your widget's colors to match your website branding:

Automatic Color Detection

  1. Paste your website URL in the "Match Your Website" section
  2. Click "Scan Website"
  3. Review detected colors - BlueClerk will extract your brand colors from:
    • Meta tags (theme-color)
    • CSS variables (--primary, --brand, etc.)
    • Header and navigation backgrounds
    • Button styles
  4. Click "Apply Colors" if you like the results

The scanner shows a confidence level:

  • High: Strong brand colors detected
  • Medium: Colors found but may need adjustment
  • Low: Couldn't detect clear brand colors - set manually instead

Manual Color Selection

If automatic scanning doesn't work or you want different colors:

  1. Click the color picker for Primary or Accent color
  2. Choose your color or enter a hex code
  3. Click "Save Colors"

Color Tips:

  • Primary color: Your main brand color - used for buttons and accents
  • Accent color: Secondary color for headers and backgrounds
  • Use colors from your logo for best brand consistency

Embedding on Your Website

  1. Copy the embed code from the widget settings
  2. Paste it in your website's HTML where you want the form to appear
  3. Save and publish your website changes

The widget will appear as a professional job request form matching your brand colors.

What Homeowners See

When someone visits your website and uses the widget:

  1. Job request form appears embedded on your page
  2. They fill out details - name, email, phone, work description
  3. They submit the request
  4. You're notified via email and in-app notification

Receiving Widget Submissions

How You're Notified

  • Email notification sent immediately
  • In-app notification in your dashboard
  • Shows in Available Jobs like marketplace requests
  • Can message the homeowner through BlueClerk

Responding to Requests

  1. Open the request from your notifications or Available Jobs
  2. Review the details and homeowner contact info
  3. Message them to discuss the work
  4. Schedule a visit or provide an estimate

Widget vs. Marketplace Jobs

Widget submissions work exactly like marketplace job requests:

  • Same notification system
  • Same messaging workflow
  • Same hiring process
  • Track in the same places

The only difference: widget leads come from YOUR website traffic instead of the BlueClerk marketplace.

Best Practices

Placement

Put your widget where visitors are thinking about hiring:

  • Services page - After describing what you do
  • Contact page - Alternative to phone/email
  • Home page - Below the fold or in a "Get Started" section

Clear Context

Add text above the widget:

  • "Request a Free Quote"
  • "Schedule Your Service"
  • "Tell Us About Your Project"

This sets expectations about what the form does.

Mobile-Friendly

The widget is responsive and works on all devices. Test it on mobile to ensure it fits your site's layout.

Follow Up Fast

Widget leads are from YOUR website - they already trust you enough to visit. Respond quickly to convert them into customers.

Tracking Widget Performance

Monitor widget submissions:

  • Check Available Jobs regularly for new widget requests
  • Track conversion rate - how many widget leads become customers
  • Note which pages generate the most submissions (ask in your first message)

This helps you optimize widget placement and website content.

Troubleshooting

Widget not showing up?

  • Check that you pasted the full embed code
  • Verify the code is in the page's HTML, not a text editor
  • Clear your browser cache and reload

Wrong company ID in the code?

  • Go back to Settings > Website Widget
  • Copy the code again - it includes your unique company ID

Colors not matching your brand?

  • Try scanning your website again from a different page
  • Use manual color selection if auto-detection isn't working
  • Make sure you saved color changes before embedding

Not receiving notifications?

  • Check your notification settings
  • Verify your email address is correct
  • Check spam folder for widget notifications

Questions

Q: Can I embed the widget on multiple pages? A: Yes! Use the same embed code on as many pages as you want.

Q: Does the widget work on WordPress, Wix, Squarespace, etc.? A: Yes, it works on any platform that lets you add custom HTML/JavaScript code.

Q: Can I style the widget further with CSS? A: The widget's structure is locked to ensure reliability, but the color settings give you brand control.

Q: Will homeowners need a BlueClerk account? A: No, they just fill out the form. BlueClerk creates a lead record for you automatically.

Q: What happens if someone submits duplicate requests? A: You'll see both submissions in your Available Jobs. You can ignore or merge duplicates.

Q: Can I change widget colors after embedding? A: Yes, update colors in Settings > Website Widget and they'll apply immediately - no need to re-embed.

Was this article helpful?

Still need help?

Contact Support →

For Contractors