How to launch FreshDesk live chat in My Sticky Elements

In this guide we’ll show you how to launch Freshdesk live chat through My Sticky Elements. Freshdesk is a customer support software meant to improve your customer service.

So let’s dive in. First, install the Freshdesk plug-in for WordPress here: https://wordpress.org/plugins/freshdesk-support/

If you don’t have a Freshdesk account yet, you need to sign up for one. Then, open the Freshdesk dashboard in your browser and click on the ”Admin” gear icon at the bottom left corner of the page. In ”Support channels” click on ”Widgets”.

This is where you will see your currently existing widgets, if any. You can also create a new widget from the ”Create new widget” button. On your ready widget, click on ”Embed” at the right of the box.

Copy your widget code and paste it in the Freshdesk plug-in settings to pair your account with the plug-in.

Now, open the My Sticky Elements settings from your WordPress dashboard. In the social channels tab add a new custom link channel:

In the field that will show up below, add this code: javascript:FreshworksWidget(‘open’);

Select whether you want your Freshdesk 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 Freshdesk 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 ”Chat”, as well as your icon text size and on hover text, for example ”Contact us now!”

Note: to hide the Freshdesk widget 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(); ?> :

<script>FreshworksWidget(‘hide’, ‘launcher’);</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!