# LiveCall

> LiveCall puts a “Video call me now” button on any website. Visitors click it and are in a browser video call with a real person from the business in seconds.

## Install

Add this one line once, site-wide, just before `</body>`, so it loads on every page:

```html
<script async src="https://joinlivecall.com/widget.js" data-key="YOUR_WIDGET_KEY"></script>
```

- Replace YOUR_WIDGET_KEY with the workspace’s widget key (it starts with `lk_live_`). The account owner finds it, with their ready-made code, in the LiveCall dashboard under Install: https://joinlivecall.com/app/install
- Put it in the shared layout or template, or in the website builder’s site-wide footer or custom code setting. Don’t change it, don’t download or bundle the script, and don’t add it twice.
- Next.js: load it with next/script in the root layout:

```tsx
// app/layout.tsx (App Router) or pages/_app.tsx (Pages Router)
import Script from 'next/script';

// Inside <body>, after {children} (in _app.tsx: after <Component {...pageProps} />):
<Script src="https://joinlivecall.com/widget.js" data-key="YOUR_WIDGET_KEY" strategy="afterInteractive" />
```

## Platforms

- **Shopify:** In your Shopify admin, go to Online Store → Themes. Next to your current theme, click ⋯ → Edit code. In the Layout folder, open theme.liquid. Paste your LiveCall code on a new line just above </body>. Click Save, then open your store to check. If you switch or update your theme later, add the code to the new theme too.
- **WordPress:** In your WordPress dashboard, go to Plugins → Add Plugin. Search for WPCode, then click Install Now → Activate. Go to Code Snippets → Header & Footer. Paste your LiveCall code into the Footer box. Click Save Changes. WPCode is free. On WordPress.com, installing plugins needs a paid plan.
- **Wix:** In your Wix dashboard, go to Settings → Custom Code (under Development & integrations). Click + Add Custom Code. Paste your LiveCall code and name it LiveCall. Under Add Code to Pages, choose All pages → Load code once. Under Place Code in, choose Body - end, then click Apply. Wix only runs custom code on a published site with a connected domain, which needs a Premium plan.
- **Squarespace:** Go to Website → Pages and scroll to the bottom of the list. Click Custom Code → Code Injection. On older dashboards it’s under Website Tools, or Settings → Advanced. Paste your LiveCall code into the Footer box. Click Save, then open your live site to check. Code Injection needs a Core, Plus or Advanced plan (or an older Business or Commerce plan).
- **Webflow:** Open your site’s Site settings → Custom code. Paste your LiveCall code into Footer code. Click Save changes. Publish your site. Custom code only runs on the published site. Custom code needs a paid Webflow site plan (or a paid Workspace plan).
- **Framer:** In the Framer editor, open Site Settings → Custom Code. Add a code block, paste your LiveCall code and set the placement to End of <body>. Older editors have an End of <body> tag box under General instead. Click Save. Click Publish (or Update) at the top right. Custom code needs a paid Framer site plan, and it doesn’t run in the editor preview.
- **Google Tag Manager:** In Google Tag Manager, open your container and go to Tags → New. Click Tag Configuration → Custom HTML and paste your LiveCall code. Click Triggering → All Pages. Name the tag LiveCall and click Save. Click Submit → Publish. Use this if Google Tag Manager already loads on every page of your site.
- **Plain HTML / other:** Open the template or file that every page shares, such as a layout, a footer include or index.html. Paste your LiveCall code just before </body>. Save, then upload or deploy your site. Using another website builder? Look for a setting called Custom code, Code injection, Footer code or Tracking code, and paste it there for all pages.
- **Next.js / React:** Next.js App Router: open app/layout.tsx and add import Script from 'next/script'. Inside <body>, after {children}, add <Script src="https://joinlivecall.com/widget.js" data-key="YOUR_WIDGET_KEY" strategy="afterInteractive" /> Next.js Pages Router: add the same <Script> to pages/_app.tsx, after <Component {...pageProps} />. React, Vue or other Vite apps: paste your LiveCall code into index.html, just before </body>. Deploy, then open your live site to check. Add it once in the root layout, not in a page. Don’t install, download or bundle the script.

## Check it works

1. Open your website in a new browser tab. The LiveCall button appears in the bottom corner.
2. Open the Install page in your LiveCall dashboard. It shows “Seen on yoursite.com” once the button has loaded on your live site.
3. While you’re Live in the dashboard, click the button on your site to place a test call.

## If the button doesn’t show

- Check Allowed websites on the Install page of your dashboard. It must include your site (for example https://www.yoursite.com or *.yoursite.com), or *.
- Publish your site after adding the code. Website builders don’t run custom code in the editor or preview.
- Put the code in the site-wide footer or end of body, not on a single page.
- Clear your site’s cache (caching plugin, Cloudflare), then reload. A private window helps.
- If your widget is set to “Hide the widget completely” when nobody is available, the button only shows while someone on your team is Live.
- Strict Content-Security-Policy? Add these sources: script-src https://joinlivecall.com; connect-src https://joinlivecall.com https://*.daily.co wss://*.daily.co; img-src https://joinlivecall.com; frame-src https://*.daily.co. Also add your booking link’s site to frame-src (for example https://calendly.com).

## Links

- [Install guide](https://joinlivecall.com/install-guide): step-by-step instructions for every website builder
- [MCP server](https://joinlivecall.com/mcp): Streamable HTTP, no sign-in. Tools: get_install_instructions, get_widget_snippet, verify_installation. Claude Code: `claude mcp add --transport http livecall https://joinlivecall.com/mcp`
- [Dashboard → Install](https://joinlivecall.com/app/install): the account’s own code, key and allowed websites