spacelabapps

Chat Assist for WooCommerce adds an intelligent chat widget to your WooCommerce store that helps customers find products, get answers about shipping and returns, and more.
Free Features (No signup required):
<ul>
<li>Rules-based chat that works out of the box</li>
<li>Automatic product search and recommendations</li>
<li>Product comparison (side-by-side price, stock, features)</li>
<li>Order status lookup (order number + billing email)</li>
<li>Shipping, return, and payment policy answers</li>
<li>Custom FAQ support</li>
<li>Quick reply buttons (customizable per language)</li>
<li>Lead capture (optional email collection)</li>
<li>Cart recovery nudge (one-time reminder for items in cart)</li>
<li>Discount and sale product display</li>
<li>Category browsing</li>
<li>Multilingual widget interface</li>
<li>Works entirely on your server — no external services needed</li>
</ul>
Premium Features (Subscription required via <a href="https://qonvor.com" rel="nofollow ugc">qonvor.com</a>):
<ul>
<li>AI-powered natural language understanding</li>
<li>Voice chat with real-time transcription (Business & Pro plans)</li>
<li>Knowledge base uploads (PDF/CSV)</li>
<li>Conversation transcripts with search and filters</li>
<li>Analytics dashboard (conversations, usage trends, popular topics)</li>
<li>Agent handoff with email notification and transcript</li>
<li>Shop context awareness (cart, products, policies)</li>
<li>Smart AI fallback — seamless switch to free chat when AI is unavailable, automatic recovery</li>
<li>Starter: 100 min/mo, 60s sessions, text only</li>
<li>Business: 200 min/mo, 120s sessions, text + voice</li>
<li>Pro: 500 min/mo, 180s sessions, text + voice, all languages</li>
</ul>
<h4>External Services</h4>
Free mode does not connect to any external service. All chat processing happens locally on your WordPress server.
Premium mode connects to the Qonvor backend API (<code>api.qonvor.com</code>) to provide AI-powered text and voice chat features. When premium mode is enabled, the following data is transmitted to the Qonvor API:
<ul>
<li>A hashed (SHA-256) visitor IP address (never the raw IP)</li>
<li>The current page URL (query strings are stripped)</li>
<li>Product and cart context from WooCommerce (names, prices, stock status)</li>
<li>Chat messages entered by the visitor</li>
<li>Audio data when voice chat is active</li>
</ul>
This data is processed in accordance with Qonvor’s privacy policy and terms of service:
<ul>
<li><a href="https://qonvor.com/privacy" rel="nofollow ugc">Qonvor Privacy Policy</a></li>
<li><a href="https://qonvor.com/terms" rel="nofollow ugc">Qonvor Terms of Service</a></li>
</ul>
No data is sent to Qonvor unless you explicitly configure the backend connection in the plugin settings.

Chat Assist for WooCommerce

AI-powered customer support chat widget for WooCommerce stores. Free rules-based chat included, premium AI text and voice features available.

Weston Ruter

Add text-to-speech (TTS) to content, with playback controls, read-along highlighting, multi-lingual support, and settings for rate, pitch, and voice.
<ul>
<li>Uses local text-to-speech engine in user’s browser. Directly interfaces with the <code>speechSynthesis</code> browser API. Zero external requests or dependencies.</li>
<li>Words are selected/highlighted as they are being spoken to allow you to read along.</li>
<li>Skips speaking elements that should not be read, including footnote superscripts (the <code>sup</code> element).</li>
<li>Pauses of different length added are between headings versus paragraphs.</li>
<li>Controls remain in view during playback, with each the current text being spoken persistently being scrolled into view. (Requires browser support for <code>position:sticky</code>.)</li>
<li>Back/forward controls allow you to skip to the next paragraph; when not speaking, the next paragraph to read will be selected entirely.</li>
<li>Select text to read from that point; click on text during speech to immediately change position.</li>
<li>Multi-lingual support, allowing embedded text with <code>[lang]</code> attribute to be spoken by the appropriate voice (assuming the user has it installed).</li>
<li>Settings for changing the default voice (for each language), along with settings for the rate of speech and its pitch. (Not supported by all engines.) Changes can be made while speaking.</li>
<li>Hit escape to pause during playback.</li>
<li>Voice preferences are persistently stored in <code>localStorage</code>, with changes synced across windows (of a given site).</li>
<li>Ability to use JS in standalone manner (such as in bookmarklet).</li>
<li>Known to work in the latest desktop versions of Chrome, Firefox, and Safari. (Tested on OSX.) It does not work reliably in mobile/touch browsers on Android or iOS, apparently due both to the (still experimental) <code>speechSynthesis</code> API not being implemented well enough on those systems and/or programmatic range selection does not work the same way as on desktop. For these reasons, the functionality is disabled by default on mobile operating systems.</li>
</ul>
<a href="https://westonruter.github.io/spoken-word/test/example.html" rel="nofollow ugc">Try it out</a> on standalone example with some test content.
<h4>Theme Config</h4>
The settings for Spoken Word are presented in an HTML5 <code>dialog</code> element. For browsers that do not yet support this feature, the plugin bundles the <a href="https://github.com/GoogleChrome/dialog-polyfill" rel="nofollow ugc">dialog-polyfill</a>. The polyfill is only included if it is detected the browser does not support <code>dialog</code> natively. The inclusion of the polyfill can be disabled by adding the following to your theme or plugin:
<pre>
add_filter( 'spoken_word_include_dialog_polyfill', '__return_false' );
</pre>
For themes that have a sticky header (such as the nav menu in Twenty Seventeen) you may need to add some additional CSS to ensure that the sticky-positioned playback controls do not get hidden behind the sticky header. For example in Twenty Seventeen, you can add the following to the Custom CSS in the Customizer:
<pre>
@media screen and (min-width: 782px) {
 body:not(.admin-bar) .spoken-word--active {
 top: calc( 0.5em + 70px );
 }
 body.admin-bar .spoken-word--active {
 top: calc( 0.5em + 32px + 70px );
 }
}
</pre>
<h4>Internals</h4>
A bookmarklet can be used to load the Spoken Word functionality into any site, even non-WordPress sites where the plugin is not installed. The key is to use the appropriate <code>contentSelector</code>:
<pre>
( () => {
 const link = document.createElement( 'link' );
 link.rel = 'stylesheet';
 link.href = 'https://unpkg.com/spoken-word/css/style.css';
 document.head.appendChild( link );

 const script = document.createElement( 'script' );
 script.src = 'https://unpkg.com/spoken-word/dist/spoken-word.js';
 script.addEventListener( 'load', () => {
 spokenWord.initialize( {
 contentSelector: [ /* 👈 Amend as desired. */
 '.hentry',
 '.entry-content',
 '.h-entry',
 '.e-content',
 '[itemprop="articleBody"]',
 ].join( ', ' )
 } );
 } );
 document.head.appendChild( script );
} )();
</pre>
The <code>spokenWord.initialize()</code> function takes an object as its argument which can have the following properties:
<pre>
 * @param {string} contentSelector - CSS Selector to find the elements for speaking.
 * @param {Element} rootElement - Root element within which to look for content.
 * @param {Object} chunkifyOptions - Options passed into chunkify.
 * @param {boolean} useDashicons - Whether to use Dashicons.
 * @param {Object} defaultUtteranceOptions - Default utterance options when none are supplied from localStorage.
</pre>
The dialog and the controls are rendered using <a href="https://preactjs.com/" rel="nofollow ugc">Preact</a>. For a list of all the modules used by this plugin, see the <a href="https://github.com/westonruter/spoken-word/blob/master/package.json" rel="nofollow ugc">package.json</a>.
This plugin is <a href="https://github.com/westonruter/spoken-word" rel="nofollow ugc">developed on GitHub</a> where the source can be viewed. Please <a href="https://github.com/westonruter/spoken-word/issues" rel="nofollow ugc">report issues</a> there. Pull requests welcome. The <code>spoken-word</code> package is also <a href="https://www.npmjs.com/package/spoken-word" rel="nofollow ugc">published on npm</a>.

Spoken Word

Add text-to-speech (TTS) to content, with playback controls, read-along highlighting, multi-lingual support, and settings for rate, pitch, and voice.

Chat Assist for WooCommerce vs Spoken Word