Website Widget for Lead Generation

Overview

The website widget lets you embed a job request form directly on your contractor website. Homeowners can submit requests without leaving your site, including their preferred date and time for the work. 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

The widget automatically inherits your company's primary and accent colors from your company profile. To change widget colors:

1. Go to Settings > Company Profile
2. Update your primary color (main buttons and headers)
3. Update your accent color (secondary elements)
4. Save changes - the widget updates automatically

Embedding on Your Website

1. Copy the embed code from the widget settings page
2. Paste it into your website's HTML where you want the form to appear
3. The widget appears as an iframe matching your brand colors

The embed code looks like this:

<iframe 
  src="https://app.blueclerk.com/widget/embed/[your-company-id]" 
  width="100%" 
  height="800" 
  frameborder="0"
></iframe>

How It Works

For Homeowners

When a visitor fills out your widget:

1. They enter their information: Name, email, phone, address
2. They describe the work they need done
3. They select a preferred date and time for the work
4. They submit the request
5. They see a confirmation message

For You

When a widget submission comes in:

1. You receive a notification (email and/or in-app)
2. A job request is created automatically in your BlueClerk account
3. All details are captured: Contact info, address, description, and preferred date/time
4. You can respond just like any other job request

Widget Features

Address Autocomplete

The widget includes Google Places address autocomplete:

• Homeowners start typing their address
• Suggestions appear as they type
• They select their address from the dropdown
• Address is validated and geocoded automatically

Date and Time Selection

Homeowners can specify when they want the work done:

• Date picker for selecting a preferred date
• Time dropdown for choosing morning, afternoon, or a specific time
• Optional fields - they can skip if they're flexible

Mobile Responsive

The widget automatically adapts to any screen size:

• Desktop: Full-width form with side-by-side fields
• Tablet: Adjusted layout for medium screens
• Mobile: Stacked fields optimized for touch

Notifications

Email Notifications

When a widget submission comes in, you receive an email with:

• Customer name and contact info
• Property address
• Description of work needed
• Preferred date and time
• Link to the job request in BlueClerk

In-App Notifications

You'll also see an in-app notification:

• Badge appears on the notifications icon
• Click to see details
• Jump directly to the job request

Managing Widget Requests

Widget submissions create job requests just like marketplace posts:

1. Go to Job Requests in your navigation
2. See all widget submissions mixed with other requests
3. Filter by source if you want to see only widget submissions
4. Click any request to view details
5. Respond to the customer via BlueClerk messaging
6. Convert to a scheduled job when ready

Tips

Placement

• Homepage: Put it above the fold for maximum visibility
• Services page: Let visitors request specific services immediately
• Contact page: Alternative to a simple contact form
• Landing pages: Dedicated pages for specific promotions or services

Marketing

• Promote the form in your marketing materials
• Mention it in emails to existing customers
• Link to it from social media posts
• Include it in Google Ads landing pages

Follow-Up

• Respond quickly - widget leads expect fast replies
• Call or email within 1 hour for best conversion rates
• Reference their preferred date/time when you respond
• Convert to a quote or scheduled job promptly

Troubleshooting

Widget Not Appearing

If the widget doesn't show on your website:

1. Check the embed code is pasted correctly
2. Verify your company ID in the iframe src attribute
3. Check for JavaScript errors in your browser console
4. Ensure iframe isn't blocked by your website's security settings

Widget Colors Not Matching

If colors don't look right:

1. Go to Settings > Company Profile
2. Update primary and accent colors
3. Refresh your website to see changes
4. Clear browser cache if changes don't appear

Not Receiving Notifications

If you're not getting notified of widget submissions:

1. Check your notification settings in Settings > Notifications
2. Verify your email address is correct in your profile
3. Check spam folder for widget notification emails
4. Ensure job request notifications are enabled

Questions

Q: Can I customize the widget fields? A: Currently, the widget includes name, email, phone, address, description, and date/time fields by default. Custom fields are coming soon.

Q: Does the widget work on mobile websites? A: Yes, the widget is fully responsive and works on desktop, tablet, and mobile devices.

Q: How much does the widget cost? A: The widget is included free with all BlueClerk plans.

Q: Can I embed the widget on multiple websites? A: Yes, you can embed the same widget code on as many websites as you want.

Q: What happens if a homeowner submits a duplicate request? A: Each submission creates a new job request - you can merge duplicates manually if needed.

Q: Can I disable the widget temporarily? A: Remove the embed code from your website to disable it. There's no toggle in BlueClerk settings.