ChatLink for WooCommerce

Description

ChatLink for WooCommerce adds a customizable WhatsApp floating button to your site so visitors can start a chat in a single click.
The button can open WhatsApp directly or display a small chat popup with a welcome message and quick FAQ replies.

For WooCommerce stores, ChatLink can turn products into “inquiry by WhatsApp” items instead of using the normal cart flow.
You can optionally hide add-to-cart buttons, prices, and even redirect cart/checkout to keep everything as conversation-based inquiries.

Shortcodes are included so you can drop WhatsApp buttons anywhere in your content, landing pages, or widgets.
The plugin is lightweight, uses standard WordPress APIs, and is designed to work with most themes.

Key Features

  • Floating WhatsApp button with position, size, color, tooltip, and animation options.
  • Optional chat popup with header, welcome message, and “Start Chat” button.
  • FAQ section inside the popup with clickable questions that pre-fill WhatsApp messages.
  • Device targeting: show on all devices, desktop only, or mobile only.
  • Visibility rules: show on all pages or only on selected pages.
  • WooCommerce product inquiry button with customizable label and message template.
  • Options to hide add-to-cart, buy-now, prices, cart page, and checkout page.
  • Separate controls for shop/archive pages (hide add-to-cart and/or prices).
  • Custom button styles for WooCommerce (background, text color, radius, solid/outline).
  • Shortcodes for inline WhatsApp buttons anywhere in posts, pages, or widgets.
  • Settings export/import and full reset to defaults.

Features in Detail

Floating Button & Chat Popup

  • Choose button position (bottom-right, bottom-left, top-right, top-left).
  • Adjust X/Y offsets and button size so it fits your layout.
  • Configure primary color, tooltip text, and entrance animation (none, bounce, pulse).
  • Enable a chat popup with:
    • Header title and subtitle
    • Welcome message
    • “Start chat” button text
    • Custom header background color
  • Optional FAQ section inside the popup with unlimited question/answer pairs.

Visibility Controls

  • Mode “Show on all pages” – display the button site-wide.
  • Mode “Show only on specific pages” – select individual pages where the button will appear.
  • Device filter to show on desktop only, mobile only, or both.

WooCommerce Inquiry Mode

  • Enable a WhatsApp inquiry button on product pages.
  • Customize the button label and WhatsApp message template using tags:
    • {product}, {price}, {quantity}, {url}, {site}
  • Optionally:
    • Hide add-to-cart and buy-now buttons
    • Hide product prices
    • Hide/redirect Cart page
    • Hide/redirect Checkout page
    • Hide add-to-cart and prices on shop/category archives
  • Choose where to place the inquiry button on the single product page:
    • Before add-to-cart
    • After add-to-cart
    • After price
    • After product summary
  • Optional custom quantity field for the WhatsApp inquiry when add-to-cart is hidden.

Shortcodes

ChatLink registers two equivalent shortcodes:

  • [chatlink]
  • [whatsapp_button]

Supported attributes (all optional):

  • phone – Override the global phone number.
  • message – Custom message text (tags like {product}, {url}, {site} are supported).
  • label – Button text. Default: Chat on WhatsApp.
  • stylebutton, link, or icon.
  • sizesmall, medium, or large.
  • alignleft, center, right, or inline.
  • color – Button or link color (hex).
  • text_color – Text color (hex).
  • radius – Border radius in pixels.
  • iconyes or no to show/hide the WhatsApp icon.

Examples:

[chatlink]  
[chatlink label="Talk to Support" color="#000000" radius="30"]  
[chatlink style="link" color="#25D366" label="Click here to chat"]  
[whatsapp_button size="large" align="center" message="I need help with this page"]

Screenshots

  • Main settings screen with general and appearance options.
  • Chat popup customization and FAQ configuration.
  • Visibility rules showing “Show only on specific pages”.

Installation

  1. Upload the chatlink-for-woocommerce folder to the /wp-content/plugins/ directory, or install via the WordPress Plugins screen.
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Go to ChatLink in the admin menu.
  4. Enter your WhatsApp number and adjust general settings.
  5. (Optional) Configure the chat popup, FAQs, and WooCommerce inquiry options.
  6. (Optional) Use the shortcodes in posts/pages or widgets.

FAQ

Does ChatLink send messages from my server?

No. All messages are sent through WhatsApp (app or Web) using the official wa.me links.
The plugin only builds the URL and opens it in the user’s browser or WhatsApp app.

Can I use this without WooCommerce?

Yes. WooCommerce features are optional.
If WooCommerce is not active, only the floating button, chat popup, visibility, and shortcode features are loaded.

Can I change the default WhatsApp message?

Yes. You can set a global default message and, for WooCommerce, a separate inquiry message template that includes product name, price, quantity, URL, and site name.

Will it work with any theme or page builder?

ChatLink uses standard WordPress hooks and front-end assets, so it should work with most themes and page builders.
If your theme heavily customizes WooCommerce templates, you may need minor CSS adjustments.

How do I reset settings to default?

On the ChatLink settings page, use the Reset to Defaults button.
This will restore all options (including WooCommerce and visibility) to their original values.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“ChatLink for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Initial public release.
  • Floating WhatsApp button with chat popup and FAQs.
  • WooCommerce inquiry mode with customizable button and message.
  • Shortcodes [chatlink] and [whatsapp_button].
  • Settings export/import and reset to defaults.