All Posts

How to Set Up an AI Chat Widget and Phone Agent for Your Home Service Website (15-Minute Guide)

Step-by-step tutorial for adding an AI chat widget and voice agent to your home service website with AgentLocal. Sign up, add your business info, embed the widget, and start capturing leads in 15 minutes.

Ryan Whitaker·Founder, AgentLocal··10 min read

You built your home service business on skill and reputation. But when a potential customer lands on your website at 9 PM or calls while you're elbow-deep in a water heater install, they don't wait around. They move on to the next search result.

Adding an AI chat widget and phone agent to your website changes that. Every visitor gets an instant, knowledgeable response. Every call gets answered. And you get a lead notification whether you're on a job, at dinner, or asleep.

This guide walks you through the entire setup process with AgentLocal — from creating your account to taking your first AI-handled lead. Most people finish in about 15 minutes.

Before You Start

Here's what you'll want handy:

  • Your business details — services you offer, rough pricing ranges, hours of operation, and service area
  • Your website login — so you can paste in the chat widget code (or access to your site builder's custom code settings)
  • A credit card — for your subscription plan
  • Your cell phone number — if you want the AI to transfer calls to you

That's it. No developer tools, no API keys, no technical background needed.

Step 1: Sign Up and Pick a Plan

Head to agentlocal.ai/login and create your account. You'll be asked to choose between two modes:

  • Answer Agent — focused on answering questions and capturing leads (great if you want a smart chat widget and receptionist)
  • Sales Agent — adds lead management, activity tracking, and sales-oriented features

For most home service businesses getting started, Answer Agent is the right choice. You can switch modes later without losing any data.

Choosing Your Plan

AgentLocal has three tiers:

PlanMonthly PriceBest For
Starter$49Chat widget only — perfect if you want to start with website leads
Pro$99Chat + voice with 100 included minutes — the sweet spot for most trades
Premium$199Chat + voice with 1,000 included minutes — for high-call-volume businesses

If you're not sure, start with Pro. It gives you both the chat widget and a phone number, which covers the two main ways customers reach out. You can always change plans later.

Step 2: Add Your Business Information

After signing up, you'll walk through a short onboarding flow. This is where you tell the AI who you are and what you do.

What to Fill In

  • Business name — exactly as customers know you (e.g., "Whitaker Plumbing" not "Whitaker Plumbing LLC DBA...")
  • Industry — select your trade (plumbing, HVAC, electrical, locksmith, landscaping, cleaning, etc.)
  • Services offered — list each service you provide. Be specific: "kitchen faucet repair," "tankless water heater installation," "whole-house rewiring." The more detail here, the better the AI handles customer questions.
  • Pricing ranges — you don't need exact quotes. Ranges work great: "Drain cleaning: $150-$300" or "AC tune-up: $89-$129." Customers appreciate ballpark numbers, and the AI will always note that final pricing depends on the specific job.
  • Hours of operation — when you're available to take jobs. The AI uses this to let after-hours callers know when you'll be back and still captures their info.
  • Service area — cities, zip codes, or a radius. The AI can let callers know whether you serve their area.

Don't worry about getting everything perfect right now. You can update all of this later from your dashboard, and changes take effect immediately.

Step 3: Add Knowledge Base Content

Your business information covers the basics, but your knowledge base is where the AI gets really useful. This is where you add the details that turn a generic chatbot into something that sounds like it actually works at your company.

Three Ways to Add Knowledge

Depending on your plan, you have up to three options:

  1. Paste text (all plans) — type or paste information directly. Great for FAQs, policies, seasonal offers, or anything specific to how you run your business.
  2. Upload PDFs (Pro and Premium) — upload service guides, price sheets, warranty documents, or training materials.
  3. Import from your website (Pro and Premium) — enter your website URL and AgentLocal will pull content from your pages automatically. This is the fastest way to get started if your website already has good service descriptions.

What to Include

Here are the types of content that make the biggest difference:

  • Common customer questions — "Do you offer emergency service?" / "What brands do you work on?" / "Do you pull permits?"
  • Service descriptions — what each service includes, how long it typically takes, what the customer should expect
  • Policies — your cancellation policy, warranty terms, payment methods accepted
  • Seasonal information — "We offer AC tune-ups in spring for $89" or "Book your furnace inspection before October for 10% off"
  • Differentiators — what makes you different from competitors: licensed, insured, family-owned, years of experience, guarantees

Think about the last ten questions customers asked you. Put those answers in your knowledge base, and the AI will handle them for every future visitor.

For a deeper look at what AI receptionists can do and why they matter for your trade, check out our complete guide to AI receptionists for local service businesses.

Step 4: Embed the Chat Widget

This is the step people expect to be hard. It isn't.

Get Your Widget Code

In your AgentLocal dashboard, find the chat widget section. You'll see a code snippet that looks something like this:

<script src="https://agentlocal.ai/widget/YOUR-BUSINESS-ID.js" async></script>

That's it. One line.

Add It to Your Website

If you edit your HTML directly: paste the script tag just before the closing </body> tag on every page where you want the widget to appear. Most people add it to their main layout or template file so it shows up site-wide.

If you use a website builder:

  • WordPress — go to Appearance > Theme Editor > footer.php, or use a plugin like "Insert Headers and Footers" to add the code site-wide
  • Squarespace — go to Settings > Advanced > Code Injection > Footer, paste the code
  • Wix — go to Settings > Custom Code > Add Code, set it to load on all pages in the body
  • GoDaddy Website Builder — go to Settings > Site-Wide Code > Footer Code

Once the script is on your page, the chat widget appears in the bottom-right corner automatically. It matches a clean, professional style and won't interfere with your existing design.

Test the Widget

Open your website in a browser (or refresh if it's already open). You should see the chat bubble in the corner. Click it and ask a question about your services. The AI should respond using the business information and knowledge base content you added.

If something seems off — maybe the AI doesn't know about a service you offer — go back to your dashboard and update your knowledge base. Changes are reflected immediately; no need to touch the widget code again.

Step 5: Set Up Voice (Pro and Premium)

If you're on the Pro or Premium plan, you can add a phone number that your AI agent answers. This is where the real magic happens for home service businesses, because most of your leads still come in by phone.

Get Your Phone Number

From your dashboard, navigate to the phone number section and provision a new number. You'll get a dedicated local number that your AI agent answers.

Configure Your Voice Settings

You have a few options to dial in:

  • Greeting message — what the AI says when it picks up. Something natural works best: "Thanks for calling Whitaker Plumbing, how can I help you today?"
  • Voice selection — choose a voice that fits your brand. Listen to the previews and pick one that sounds right. You can hear samples on our demo page.
  • Transfer number — your cell phone or office line. When a caller asks to speak to a person, or the AI determines the call needs human attention, it transfers seamlessly to this number.
  • Custom instructions — any special handling rules, like "always ask for the caller's address" or "mention our spring AC special"

Forward Your Existing Number (Optional)

You don't have to give out a new number. Many business owners set up call forwarding from their existing business line to their AgentLocal number. This way, calls you can't answer get picked up by the AI instead of going to voicemail.

How to set this up depends on your phone carrier, but it's usually a conditional forwarding option: "forward when busy" or "forward when unanswered." Your carrier's support team can walk you through it in a few minutes.

Step 6: Test Everything

Before you rely on the system, run through a quick test:

Chat Widget Test

  1. Open your website on your phone (to see the mobile experience)
  2. Tap the chat bubble
  3. Ask: "What services do you offer?"
  4. Ask: "How much does [your most common service] cost?"
  5. Provide a fake name and email when the AI asks
  6. Check your AgentLocal inbox — the lead should appear within seconds

Voice Test (Pro and Premium)

  1. Call your AgentLocal phone number from your cell phone
  2. Ask about a specific service
  3. Ask to be transferred — confirm it rings your transfer number
  4. Hang up and check your inbox for the captured lead

What to Look For

  • Does the AI accurately describe your services and pricing?
  • Does it sound natural and professional?
  • Are leads showing up in your inbox with the right details?
  • Does call transfer work smoothly?

If anything needs adjusting, update your business info or knowledge base from the dashboard. No code changes needed, no waiting for updates to propagate.

Tips for Getting the Most Out of Your Setup

Add more to your knowledge base over time. Every time a customer asks you something the AI couldn't answer, add that answer to your knowledge base. Within a few weeks, the AI will handle 90%+ of common questions on its own.

Check your inbox regularly. The AI captures leads, but you still need to follow up. Customers who chat or call expect a response within a few hours. The faster you follow up, the higher your close rate.

Update seasonal information. Change your knowledge base to reflect current promotions, seasonal services, or schedule changes. The AI always uses the latest information you've provided.

Tell customers about it. Add your AI phone number to your Google Business Profile, your truck wraps, and your business cards. The more entry points, the more leads you capture.

What's Next?

Once your chat widget and voice agent are running, you'll start seeing leads come in that you would have missed before. Late-night website visitors who get instant answers. Midday callers who get a knowledgeable response instead of voicemail.

Most AgentLocal customers see the ROI within the first week: one or two captured leads that would have otherwise bounced cover the entire monthly cost.

Have questions about setup? Check out our FAQ page for quick answers, or start a chat on our demo page to see the AI in action before you sign up.


Ready to stop losing leads to voicemail and slow website response times? Get started with AgentLocal and have your AI chat widget and phone agent running in 15 minutes.

Ready to stop losing leads after hours?

AgentLocal gives your business an AI receptionist that answers calls, chats on your website, and books appointments 24/7.