nnawanjana

<p>ChatLink for WooCommerce adds a customizable WhatsApp floating button to your site so visitors can start a chat in a single click.<br />
The button can open WhatsApp directly or display a small chat popup with a welcome message and quick FAQ replies.</p>
<p>For WooCommerce stores, ChatLink can turn products into “inquiry by WhatsApp” items instead of using the normal cart flow.<br />
You can optionally hide add-to-cart buttons, prices, and even redirect cart/checkout to keep everything as conversation-based inquiries.</p>
<p>Shortcodes are included so you can drop WhatsApp buttons anywhere in your content, landing pages, or widgets.<br />
The plugin is lightweight, uses standard WordPress APIs, and is designed to work with most themes.</p>
<h3>Key Features</h3>
<ul>
<li>Floating WhatsApp button with position, size, color, tooltip, and animation options.</li>
<li>Optional chat popup with header, welcome message, and “Start Chat” button.</li>
<li>FAQ section inside the popup with clickable questions that pre-fill WhatsApp messages.</li>
<li>Device targeting: show on all devices, desktop only, or mobile only.</li>
<li>Visibility rules: show on all pages or only on selected pages.</li>
<li>WooCommerce product inquiry button with customizable label and message template.</li>
<li>Options to hide add-to-cart, buy-now, prices, cart page, and checkout page.</li>
<li>Separate controls for shop/archive pages (hide add-to-cart and/or prices).</li>
<li>Custom button styles for WooCommerce (background, text color, radius, solid/outline).</li>
<li>Shortcodes for inline WhatsApp buttons anywhere in posts, pages, or widgets.</li>
<li>Settings export/import and full reset to defaults.</li>
</ul>
<h3>Features in Detail</h3>
<h4>Floating Button & Chat Popup</h4>
<ul>
<li>Choose button position (bottom-right, bottom-left, top-right, top-left).</li>
<li>Adjust X/Y offsets and button size so it fits your layout.</li>
<li>Configure primary color, tooltip text, and entrance animation (none, bounce, pulse).</li>
<li>Enable a chat popup with:
<ul>
<li>Header title and subtitle</li>
<li>Welcome message</li>
<li>“Start chat” button text</li>
<li>Custom header background color</li>
</ul>
</li>
<li>Optional FAQ section inside the popup with unlimited question/answer pairs.</li>
</ul>
<h4>Visibility Controls</h4>
<ul>
<li>Mode “Show on all pages” – display the button site-wide.</li>
<li>Mode “Show only on specific pages” – select individual pages where the button will appear.</li>
<li>Device filter to show on desktop only, mobile only, or both.</li>
</ul>
<h4>WooCommerce Inquiry Mode</h4>
<ul>
<li>Enable a WhatsApp inquiry button on product pages.</li>
<li>Customize the button label and WhatsApp message template using tags:
<ul>
<li>{product}, {price}, {quantity}, {url}, {site}</li>
</ul>
</li>
<li>Optionally:
<ul>
<li>Hide add-to-cart and buy-now buttons</li>
<li>Hide product prices</li>
<li>Hide/redirect Cart page</li>
<li>Hide/redirect Checkout page</li>
<li>Hide add-to-cart and prices on shop/category archives</li>
</ul>
</li>
<li>Choose where to place the inquiry button on the single product page:
<ul>
<li>Before add-to-cart</li>
<li>After add-to-cart</li>
<li>After price</li>
<li>After product summary</li>
</ul>
</li>
<li>Optional custom quantity field for the WhatsApp inquiry when add-to-cart is hidden.</li>
</ul>
<h4>Shortcodes</h4>
<p>ChatLink registers two equivalent shortcodes:</p>
<ul>
<li><code>[chatlink]</code></li>
<li><code>[whatsapp_button]</code></li>
</ul>
<p>Supported attributes (all optional):</p>
<ul>
<li><code>phone</code> – Override the global phone number.</li>
<li><code>message</code> – Custom message text (tags like {product}, {url}, {site} are supported).</li>
<li><code>label</code> – Button text. Default: <code>Chat on WhatsApp</code>.</li>
<li><code>style</code> – <code>button</code>, <code>link</code>, or <code>icon</code>.</li>
<li><code>size</code> – <code>small</code>, <code>medium</code>, or <code>large</code>.</li>
<li><code>align</code> – <code>left</code>, <code>center</code>, <code>right</code>, or <code>inline</code>.</li>
<li><code>color</code> – Button or link color (hex).</li>
<li><code>text_color</code> – Text color (hex).</li>
<li><code>radius</code> – Border radius in pixels.</li>
<li><code>icon</code> – <code>yes</code> or <code>no</code> to show/hide the WhatsApp icon.</li>
</ul>
<p>Examples:</p>
<pre><code>[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"]
</code></pre>


ChatLink for WooCommerce

Add WhatsApp inquiry buttons to WooCommerce products, floating chat widget, and shortcodes to boost customer engagement.

Appointly vs ChatLink for WooCommerce