Launch production-ready chat in minutes with a powerful API, feature-rich SDKs, and a fully customizable design.

talkjs

<p>The TalkJS plugin allows you to add user-to-user chat to your marketplace, on-demand app, or social platform. You’ll have it up and running in 5 minutes. It integrates fully with WooCommerce and marketplace/multi-vendor plugins like WCVendors.</p>
<p>This plugin offers you shortcodes and template tags for our three basic views: The inbox, the chatbox and the chat pop-up. It also adds a chatbox widget and an inbox-page.</p>
<p>TalkJS is the messaging tool for platforms. Add buyer seller chat to your marketplace, on-demand app, or peer-to-peer chat to your social platform. Similar to what Airbnb, Upwork, or LinkedIn are offering in messaging.</p>
<p>By providing direct contact between your users, you’re saving on customer support time, increase user interaction and retention.</p>
<p>With this plugin, you can add TalkJS to your WordPress installation in just a few clicks and allow your users to chat with each other inside of your website or app right away!</p>
<p>NOTE: This plugin is free, but you’ll need a TalkJS subscription to be able to use it in a production environment. TalkJS offers unlimited testing and a 14 day free trial when you go live.</p>
<h3>For developers</h3>
<p>If you’re looking to integrate the TalkJS messaging platform to your WordPress site, this is the easiest way to do it.<br />
You can use three methods of implementation:</p>
<ol>
<li>Shortcodes</li>
<li>Widgets</li>
<li>Template tags</li>
</ol>
<h3>Shortcodes</h3>
<p>You can use shortcodes on a post-by-post basis. The following three shortcodes allows you to easily use any TalkJS UI:</p>
<ul>
<li><code>[talkjs_chat]</code></li>
<li><code>[talkjs_inbox]</code></li>
<li><code>[talkjs_popup]</code></li>
</ul>
<p>You can pass along the default conversation user for the chat and the popup. You do this by adding a user ID to the shortcode: [talkjs_chat user=”2″]</p>
<p>If you wish to get the author of the post as your conversation user you can use the following: [talkjs_chat userType=”author”]. You shouldn’t fill in the user ID in this case since it overwrites the <code>userType</code>.</p>
<p>With all three you can pass along a custom welcome message like this: [talkjs_chat welcomeMessage=”Hi there!”]</p>
<p>For Inbox and Chatbox, you can also customize the width and height of the shortcodes by passing <code>width</code> and <code>height</code> properties like this: [talkjs_chat height=”500px” width=”250px”]</p>
<p>There are some predefined styles to make integration easier, if you want full control over the style of the TalkJS UI container, you can pass <code>style</code> property to overwrite the default styles. <code>width</code> and <code>height</code> properties are ignored when <code>style</code> is used.</p>
<p>The popup also has an option to keep it open between pages by using the shortcode with the keepOpen property e.g. [talkjs_popup keepOpen=”true”]</p>
<h3>Widgets</h3>
<p>There’s currently only one widget available: The TalkJS Chatbox widget. In it you can set a title, a welcome message and the conversation user (the current post author if blank)</p>
<h3>Template tags</h3>
<p>You can use template tags if you want to display the chatbox, inbox or popup on certain templates. You use them in your code like so:</p>
<pre><code><?php talkjs_chat();?>
<?php talkjs_popup();?>
<?php talkjs_inbox();?>
</code></pre>
<p>You can pass along the same attributes as in the shortcode-version. You add them in an array, like this:<br />
     “Hi there, let\’s chat!”,<br />
        ‘userType’ => ‘author’<br />
    ]);<br />
    ?></p>
<h3>Welcome Message customization</h3>
<p>You can add custom variables to your welcome message. These variables are available:</p>
<ul>
<li>{{first_name}} -> logged in users’ first name.</li>
<li>{{last_name}} -> logged in users’ last name.</li>
<li>{{name}} -> logged in users’ full name.</li>
</ul>
<h3>Available filters</h3>
<p>We currently have one filter available for developers. Feel free to contact us if you need any other filters.</p>
<h3>talkjs_hidden_post_types_for_chat_popup</h3>
<p>Hide your custom post-type as a viable chat option.</p>
<pre><code><?php
add_filter( 'talkjs_hidden_post_types_for_chat_popup', function( $postTypes ){

    $postTypes[] = 'my-custom-post-type';
    return $postTypes;

});
?>
</code></pre>


Alternatives to TalkJS

Top alternatives