How to launch Formilla live chat with My Sticky Elements

In this guide we’ll show you how to launch Formilla through My Sticky Elements. Formilla is a customer messaging software provider combining live chat, e-mail and in-app messaging. 

So let’s dive in. First, install the Formilla plug-in for WordPress here: https://wordpress.org/plugins/formilla-live-chat/

Sign up for a Formilla account and open the Formilla dashboard in your browser. Now it’s time to connect Formilla to your WordPress. To do that, click on ”Settings” in your Formilla dashboard, then select ”Installation”, copy your plug-in ID and paste it in the Formilla WordPress plug-in settings.

Now that your account is added to WordPress, click on ”Settings” back in your Formilla dashboard again, then select ”Widgets” and choose the widget you want to work with.

Make sure your widget is customised according to your preferences in terms of appearance and display rules (to make sure your widget is visible on all pages you want it to appear on). Next, click on ”Advanced appearance” and in the Custom CSS section, tick the ”Customize default CSS” box.

Now add the below CSS at the bottom of the text area to hide your Formilla chat icon by default in order to have it launched through My Sticky Elements. 

#formilla-chat-button-inner {
display: none !important;
}

Make sure you click on ”Save changes” to make sure everything will be updated accordingly.

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:void(Formilla.initFormillaChat());

Select whether you want your Formilla 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 Formilla 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 with us!”, as well as your icon text size and on hover text, for example ”Hey you :)”.

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!