📞 How-to guide · ~5 minute setup

How to add a call button to your website (free, no-code)

Add a working "Call Support" button to any website in about 5 minutes, free, without writing code or buying a phone number. This guide walks you through it on WordPress, Shopify, Wix, and plain HTML.

Short answer: Sign up for a free WebCallHub account, copy your one-line embed script, and paste it into your site's footer (or use the WordPress/Shopify/Wix plugin). A click-to-call button appears, and visitors talk to you in their browser — no phone number, no app, no hardware. Total time: about five minutes.

What a "call button" actually means in 2026

A call button is a small, always-visible button on your website — usually labeled something like "Call Support" or "Talk to us" — that lets a visitor start a live voice conversation with you. The old way to do this was a tel: link that opened the visitor's phone dialer, which only works on mobile and asks people to make an actual phone call.

The modern approach is browser-to-browser calling. With WebCallHub, the visitor clicks the button and instantly connects to you over WebRTC — the same real-time tech behind video meetings. There's no phone number to dial, no app to download, and no calling software for you to install. You answer the call right in your own browser tab. That removes the two biggest reasons website visitors never call: friction and the fear of a long hold.

The 5-minute version (any website)

Whatever platform your site runs on, the flow is the same three moves. Here's the universal version that works on a plain HTML site or any builder that lets you paste a snippet.

  1. Create a free account

    Go to webcallhub.com and sign up. The Free plan costs $0/month and includes a live call button for one agent — no credit card needed to start.

  2. Copy your embed script

    In your dashboard you'll get a single line of code. It loads the widget and identifies your account with a data-tenant value (your site key or workspace slug — both work):

    <script src="https://webcallhub.com/embed/widget.js" data-tenant="your-site-key"></script>
  3. Paste it before </body>

    Drop that line just above the closing </body> tag of your site (or into your builder's "footer / custom code" box). Save and reload. The call button appears in the corner automatically — no styling required.

That's it. Open your site in another browser, click the button, and you'll get the incoming call in your dashboard. If you can hear yourself, it's live.

Platform-specific install (no-code)

Most site owners never touch the raw script tag because WebCallHub ships native install paths. Pick the one that matches your stack:

  • WordPress: Install the official "WebCallHub — Click-to-Call Widget" plugin from wordpress.org, then paste your site key in the plugin settings. No theme editing. See our WordPress click-to-call guide for the full walkthrough.
  • Shopify: Add the WebCallHub app from the Shopify App Store and connect your store — the button appears across your storefront.
  • Wix: Drop in the WebCallHub snippet using Wix's custom-code / embed element.
  • React / modern JS apps: Install the @webcallhub/widget npm package and render it as a component.
  • Chrome extension: Useful for testing or adding a call button to a page you don't own the markup for.
  • Anything else: The single webcallhub.com/embed/widget.js script tag works on Squarespace, Webflow, Framer, static-site generators, and hand-coded HTML alike.

Because every option points at the same widget, the experience your visitors see is identical no matter how you installed it.

Make sure no call goes unanswered

A call button only pays off if someone answers — and SMB owners can't sit by a dashboard all day. WebCallHub covers the gap so you don't lose the lead:

  • 24/7 AI receptionist: An AI answers in your brand voice when you're busy, closed, or offline. Try the live demo to hear it.
  • Voicemail & callback capture: Missed calls turn into a message and a callback request instead of a dead end.
  • PSTN fallback: On paid plans, a call can be forwarded to a regular phone number when you're away from the browser.
  • Live transcription & analytics: See what callers asked about and how many clicks turned into conversations (included on higher plans).

For a busy owner, the AI receptionist alone is often the reason to add the button — every after-hours visitor still gets a real answer.

Where to place the button for the most calls

Placement matters more than design. A few field-tested tips:

  • Keep it persistent in a bottom corner so it's reachable from every page, not just the contact page.
  • Put it on high-intent pages — pricing, product, checkout, and your services pages — where hesitation is highest.
  • Use clear, action-led label text ("Call us now", "Talk to a human") rather than a vague icon.
  • On mobile, make sure it doesn't overlap other floating elements like a chat or cookie banner.

Add a call button to your site free

Free for one agent, no credit card, about five minutes to install.

Get started free → See pricing

Frequently asked questions

How do I add a call button to my website for free?

Create a free WebCallHub account, copy the one-line embed script (webcallhub.com/embed/widget.js with your data-tenant key), and paste it before the closing </body> tag of your site. The Free plan includes one agent and a click-to-call button at no cost. The button appears automatically — no design or coding needed.

Do visitors need an app or a phone number to call me?

No. WebCallHub calls run in the browser over WebRTC, so visitors just click the button and start talking. There's no phone number to dial, no app to install, and no software for you to run — you answer the call in your own browser.

Can I add a call button without touching code?

Yes. WebCallHub has a WordPress plugin, a Shopify app, a Wix snippet, and a Chrome extension, so most site owners never edit code. If your platform isn't listed, you paste one script tag in the site footer or a custom-HTML block, which takes about a minute.

What happens to calls when I'm offline or busy?

You can turn on the 24/7 AI receptionist to answer when you can't, plus voicemail and callback capture so no lead is lost. Paid plans also add PSTN fallback, which can forward a call to a regular phone number.

How much does a WebCallHub call button cost?

The Free plan is $0/month and includes a working call button for one agent. Paid plans start at $19/month (Starter), then $49 (Growth) and $149 (Business), unlocking more agents and features like live transcription, video calls, and analytics. See the full pricing page.

Will a call button slow down my website?

No noticeable impact. The widget loads from a single small script tag asynchronously, so it doesn't block your page from rendering. The button only opens a call session when a visitor actually clicks it.

Related pages