How to launch Crisp live chat using My Sticky Elements

In this guide we’ll show you how to launch Crisp live chat through My Sticky Elements. Crisp is a shared inbox solution that centralises all your conversations, including live chat, email, etc. 

So let’s dive in. First, install the Crisp Live Chat plug-in for WordPress here: https://wordpress.org/plugins/crisp/

Then, open the Crisp Settings in your WordPress dashboard and click on Link with Crisp, then follow the instructions.

Now, open the My Sticky Elements settings in your WordPress dashboard and in the social channels tabs settings, add a new custom link channel:

In the field that will show up below, add this code:

javascript:$crisp.push([‘do’, ‘chat:show’]);javascript:$crisp.push([‘do’, ‘chat:open’]);

Select whether you want your Crisp live chat to be displayed on desktop or mobile devices, or both. You can then customize the channel appearance by uploading a custom icon – for example the Crisp logo – or choosing one from the Font Awesome directory. If you select an icon from the Font Awesome directory, you can change its background colour and colour. You can also add an icon text (the text that will appear under the icon in the My Sticky Elements widget), for example ”Crisp”, as well as your icon text size and on hover text, for example ”Questions? Chat with us!”.

Note: if you want to hide Crisp on load so that the widget is launched through My Sticky Elements, you need to add this JavaScript code to your theme, right after <!–?php wp_footer(); ?–> in footer.php file:

<script type=”text/javascript”>
$crisp.push([‘do’, ‘chat:hide’]);
</script>

That’s it! When you’re done, don’t forget to hit the ”Save changes” button to make sure your settings will be displayed accordingly. In the end, depending on your settings and customisations, it should look something like this:

Still have questions? Ping us at our Facebook group, and we’d love to help out!