WebWerk Contact Chat Widget

Description

WebWerk Contact Chat Widget puts a small, modern chat-style button in the corner of your site. One tap and the visitor is talking to you on the channel they already use — WhatsApp, a phone call, email, SMS, Telegram, Facebook Messenger or any custom link.

It is deliberately lightweight: no jQuery on the front end, no external requests, no account, no cookies set by the plugin.

Built for cached sites

Most contact-button plugins decide server-side whether to show the widget on mobile or during business hours. Behind a full page cache (WP Rocket, LiteSpeed, Cloudflare APO, …) that decision gets frozen into the cached HTML and served to everyone. This plugin evaluates device visibility and your opening hours in the visitor’s browser, so a cached page still shows the right thing for every device and every time of day. URL targeting stays server-side, where a per-URL cache keeps it correct anyway.

Channels

Add as many channels as you need and mark one as primary. Supported types: WhatsApp, phone call, email, SMS, Telegram, Facebook Messenger and custom link. Your prefilled message is attached to WhatsApp, SMS, email and Telegram links where the target supports it.

Design & effects

• Floating button as the agent avatar, a built-in icon, your own uploaded image, or an icon with a text label
• Button shape: circle, rounded, square or speech bubble; adjustable size
• Attention animation (pulse, glow, bounce, shake, swing, heartbeat, wobble) — looping or replayed as a short burst on an interval
• Panel open animation and button hover effect
• Full colour controls and automatic dark mode (auto / light / dark)
• Custom CSS field
• Every animation is switched off automatically for visitors who set “reduce motion”

Privacy

The plugin builds plain contact links — it does not proxy messages through any service and sets no cookies. The optional GDPR consent notice shown before WhatsApp opens stores the visitor’s choice in their own browser (localStorage). The optional GA4 generate_lead event is only sent if Google Analytics is already loaded on the page.

Anywhere on the page

Besides the floating widget you can drop an inline button list into any content with the [wwccw_widget] shortcode or the Contact Chat Widget block:

[wwccw_widget title="Contact us" channels="whatsapp,phone,email"]

Pro version

A separate Pro plugin adds multiple agents and departments, per-channel and per-agent schedules, WooCommerce product buttons and a full analytics dashboard. The free version on WordPress.org is fully functional and needs no license key.

Features

• Multiple contact channels: WhatsApp, phone, email, SMS, Telegram, Messenger, custom link
• One channel can be marked primary and is shown first as the main button
• Modern floating chat-style panel with agent name, avatar and online status
• Configurable floating button: agent avatar, icon, custom image or icon + text label; circle / rounded / square / speech-bubble shape; adjustable size
• Motion effects: 7 button attention animations (continuous or timed replay), panel open animation and hover effect, all respecting reduced-motion preferences
• Cache-safe: desktop / mobile visibility and schedule are evaluated client-side
• Business-hours schedule with online / offline status text, optional “hide when offline”
• URL targeting with exact or prefix (trailing *) matching
• Position, side / bottom pixel offsets, show delay, auto-open
• Full colour controls plus automatic dark mode (auto / light / dark)
• Optional GDPR consent notice before opening WhatsApp
• Optional GA4 generate_lead event on channel clicks (no cookies set by the plugin)
• Custom CSS field
• [wwccw_widget] shortcode and a matching block for inline button lists
• Accessible: keyboard operable, Esc to close, focus handling, respects reduced motion
• No jQuery on the front end, no external dependencies, no bundled images – the default avatar is an inline SVG