How to Add a Chat App to Your Website (And Alternatives)
Adding live chat to your website takes about an hour. Pick a chat tool, sign up, paste a code snippet, set your offline message, and test it. If you have a website, that is the right path. If you do not have a website, skip to the section below on alternatives.
Step 1: Choose a Chat Tool
The right tool depends on your budget and how many messages you expect per month. Here are the main options worth considering for a small business:
- Tidio - free plan for one agent, paid plans from $19/month. Good mobile app. Includes AI chatbot features on paid tiers. Best for businesses that want automation without heavy setup.
- Crisp - free for two agents, Pro at $25/month per workspace. Clean interface, works well for small teams. Free plan is genuinely useful, not hobbled.
- LiveChat - starts at $20/agent/month, no free plan. More polished than Tidio or Crisp, with better reporting. Good choice if you have consistent chat volume.
- Intercom - starts at $74/month. Built for growth-stage companies. More features than most small businesses need, and the price reflects that.
For most solo operators and small teams, Tidio or Crisp on their free or entry-level plan covers everything needed. Start there and upgrade if you outgrow it.
Step 2: Sign Up and Configure Your Widget
Most chat tools walk you through setup with a wizard. After creating your account, you will usually configure these things before you get to the install step:
- Business name and logo. This shows up in the chat widget header. Use your actual business name, not a placeholder.
- Widget color. Match it to your site color scheme. A widget that clashes with your site looks like an afterthought.
- Greeting message. The text that appears when a visitor opens the chat. Keep it short. “Hi, how can we help?” works. Avoid long intros or automated sales scripts.
- Business hours. Set your actual hours. The widget uses them to show your status automatically so customers know if you are available.
Step 3: Add the Code Snippet to Your Website
Every chat tool provides a JavaScript snippet you paste into your site. The snippet loads the chat widget on every page that includes it. Where you paste it matters.
Plain HTML site: paste the snippet just before the closing </body> tag in your HTML template. If your site has a separate header or footer file that is included on every page, put it there.
WordPress: almost every chat tool has a WordPress plugin. Install the plugin, enter your account credentials, and it handles the rest without touching code.
Squarespace / Wix / Webflow: each of these platforms has an area for custom code injection. Find it in your site settings under “Code Injection” or “Custom Code” and paste the snippet there.
If your site uses a different platform, check the chat tool's documentation. Every major provider has platform-specific install guides.
Step 4: Set Up Auto-Responses for When You Are Offline
You will not be available 24 hours a day. Without an offline message, visitors who send a chat when you are away get silence. That is worse than a phone that rings without an answer because at least the phone implies someone might pick up.
Set two things before you go live: an offline message and an expected response time. Something like “We are offline right now. We reply to all messages within a few hours during business hours.” gives the customer enough information to decide if they want to wait or try another way.
Some tools let you collect an email address when you are offline so you can follow up. That is worth enabling if your chat tool supports it. A customer who leaves their email is still a lead, even if the live chat did not convert.
Step 5: Test and Go Live
Do not skip the test. Open your website in a private or incognito browser window so you appear as a new visitor. Start a chat and send a message. Confirm the following before telling anyone the chat is live:
- The widget appears on the page and the greeting shows correctly.
- Your test message arrives in your chat dashboard or mobile app.
- You can reply from the dashboard and the reply appears in the chat window.
- The offline message appears correctly when you set your status to away and repeat the test.
- The widget loads without breaking anything else on the page.
Also test on your phone. Most of your visitors are on mobile, and the widget experience on small screens can differ from desktop. Make sure it does not cover your main content or navigation.
What If You Don't Have a Website?
If you do not have a website, none of the steps above apply. A chat widget requires a site to embed into. Tidio, Crisp, and LiveChat all require a website.
A lot of local service businesses run without a website. Plumbers, cleaners, landscapers, and handymen get most of their work through word of mouth, referrals, flyers, and job site signs. They do not need a website to run a business. But they still need a way for customers to reach them quickly.
That is the problem Hello DM solves. You get a QR code that customers scan to open a chat window directly in their browser. No website needed. No app for them to download. They scan, they message, you reply. The whole thing works off a printed code on your business card, flyer, truck magnet, or yard sign.
To be clear: if you have a website, a chat widget is the right answer. The tools listed above are good at what they do. Hello DM is for the businesses that need customer messaging without a website as the starting point.
Pro Tips
- Install the mobile app. Every major chat tool has a mobile app. Install it and enable push notifications before you go live. Customers who start a chat expect a reply within minutes, not hours. If you only check chat from a desktop, you will miss messages.
- Set realistic hours. Do not mark yourself available at all times if you cannot reply quickly. A slow reply after a “we reply instantly” promise damages trust more than an honest offline message does.
- Use canned responses for common questions. Most chat tools let you save reply templates. Set up responses for your most common questions: hours, pricing, service areas, and how to book. One tap sends the response instead of typing it out each time.
- Do not hide the widget. Some businesses set the chat to only appear after a visitor scrolls 50% or waits 30 seconds. That friction hurts conversion. Show the chat on page load and let the customer decide whether to use it.
How Hello DM Helps Businesses Without a Website
Hello DM is not a replacement for a website chat widget. It is an alternative for businesses that do not have a website and need a direct way for customers to message them from printed materials.
You create a QR code in minutes. Print it on business cards, flyers, door hangers, or vehicle magnets. Customers scan it, a chat window opens in their browser, and they send you a message. You reply from one inbox. Every conversation is saved.
- No website required - works from any printed or digital material with a QR code.
- No app for customers - they scan and chat in their browser without downloading anything.
- Scan tracking per code - see how many people scanned each piece of printed material.
Plans start at $9/month for solo operators. All plans include a 14-day free trial. No credit card required.
Frequently Asked Questions
Related Articles
How to Track Direct Mail Campaigns with QR Codes
Learn how to track direct mail campaigns using QR codes. Measure response rates, attribution, and ROI with real-time analytics.
7 min readHow-To GuidesHow to Track Billboard Advertising with QR Codes
Learn how to measure billboard ad performance using QR codes. Track scans, engagement, and ROI from outdoor advertising.
6 min readHow-To GuidesHow to Get More Cleaning Clients in 2026
Proven strategies to grow your cleaning business. From QR code marketing to referrals, get more clients without a website.
8 min read