# skill: install-click-and-call-widget

> Embed the Click & Call browser-to-phone widget on a website so visitors can call the business directly from their browser (desktop) or native dialer (mobile).

## Capabilities

- Install the widget on any HTML-capable site via a single `<script>` tag
- Install on WordPress via a free plugin (no code)
- Configure the forwarding number, business hours, button style, and logo from the customer dashboard

## Inputs

- `button_id` (UUID): obtained from the user's Click & Call dashboard at https://www.clickandcall.com/portal/dashboard. Required for the widget to function in non-demo mode.
- A target website where the user has the ability to add a `<script>` tag (any-site flow) or install a WordPress plugin (WordPress flow).

## Constraints

- Requires a Click & Call account. Free tier is available (10 minutes/month, 1 button, 1 forwarding number). Sign up: https://www.clickandcall.com/signup
- The user must configure a forwarding phone number in the dashboard before the button can place a real call.
- Calls outside business hours follow the per-button "outside hours" behavior (hide / message / route to alternate number).
- Browser calls require microphone permission on the caller's device.

## Install — any HTML site

Place this in any page (works in `<head>` or `<body>`):

```html
<script src="https://www.clickandcall.com/widget.js" data-button-id="$BUTTON_ID" async></script>
```

Optional script-tag overrides:

- `data-button-text` — override the button label
- `data-button-color`, `data-button-hover-color` — override colors
- `data-logo-url`, `data-show-logo`, `data-logo-position` — logo controls
- `data-number-keypad` — show/hide the keypad

GTM-friendly alternative: pass the Button ID via querystring instead of attribute — `widget.js?buttonId=$BUTTON_ID`.

## Install — WordPress

1. Download https://www.clickandcall.com/downloads/click-and-call.zip
2. WordPress admin → **Plugins → Add New → Upload Plugin** → choose the .zip → **Install Now** → **Activate**
3. **Settings → Click & Call** → paste the Button ID → **Save**
4. Recommended: in the Click & Call dashboard set the button's Widget Mode to **Float** so it pins to a corner on every page

## Verify

After install, load any page of the target site. The configured button should appear. Click it to confirm:

- Desktop: a call modal opens and connects via WebRTC after microphone permission
- Mobile: the native dialer opens with the configured forwarding number prefilled

## Documentation

- Site index for agents: https://www.clickandcall.com/llms.txt
- Product overview (Markdown): https://www.clickandcall.com/index.md
- WordPress install guide (Markdown): https://www.clickandcall.com/wordpress.md
