Website Chat Button

How to Use

01

Enter your phone details

Input your WhatsApp number and include an optional greeting message to automatically populate when a user clicks to chat.

02

Configure Availability

Select your local time zone and define your team’s operating hours for each day of the week.

03

Embed the Snippet

Copy the generated script and paste it directly into your website’s code right before the </body> closing tag.

How Operating Hour Status Works

The chat widget calculates availability based on your specified business time zone rather than the visitor’s device clock. For instance, a customer browsing from New York will view the actual live availability of a business based in Tokyo. The script automatically updates its status every 60 seconds while a visitor remains on the page.

Overnight Schedules Supported: Shifts extending past midnight (e.g., Friday 6:00 PM to 2:00 AM) remain active seamlessly into Saturday morning.

After-Hours Settings: Choose to display a customized off-hours notification—such as “We are currently offline, but feel free to leave a message”—or hide the chat button entirely when your team is away.

Code Insertion Instructions

WordPress: Insert via a header/footer script plugin or directly inside your active theme’s footer.php file preceding </body>.
Shopify: Navigate to Online Store → Themes → Edit Code, locate theme.liquid, and place the snippet before </body>.
Wix, Squarespace & Webflow: Add the script using your platform’s global custom code settings under the footer or end-of-body insertion area.
Custom HTML Sites: Paste the script directly above the </body> tag across your target pages.

Frequently Asked Questions

Is this website chat button completely free?

Yes. The script runs entirely on your own site without external dependencies, meaning your widget remains fully operational indefinitely.

Will embedding this widget impact page load speeds?

No. The lightweight inline script executes cleanly without external file requests, ensuring zero impact on your site performance.

Do I need a WhatsApp Business account?

No. The widget generates a standard wa.me chat link that functions with standard personal accounts, WhatsApp Business, and WhatsApp Business API numbers.

Can users still reach out when we are closed?

Yes, provided you choose to keep the widget visible after hours. The closed state simply updates your label text; you can configure auto-responders within your WhatsApp settings to manage offline inquiries.

How do I update my business hours in the future?

Generate a fresh code snippet with your updated schedule and replace the existing script on your website.

Does the widget automatically adjust for Daylight Saving Time?

Yes. Time calculation relies on standard IANA time zone identifiers (e.g., Europe/London), allowing web browsers to handle seasonal daylight saving adjustments automatically.