Skip to content

How to Add / Install LiveChat to Your WordPress Website in Minutes

Are you wanting to add a live chat service to your WordPress-powered website in literally minutes?  Well, it’s so easy using CSS & JavaScript Toolbox PLUS.

Before moving ahead with a live chat service, you may want to ask yourself. Are you able to monitor the live chat messages – or at least during business hours? Keep in mind that high website traffic may incur a lot of chat messages, and could even be a full-time job for one or more people. That said, it’s a good thing to help more customers as this would close more sales for you. The idea for any chat solution is to monitor your messages and respond in a timely manner. This is how you provide a high level of customer service.

Yes, I can manage a chat service!

Now if you are able to provide this service for your website customers and site visitors, then a live chat service is highly recommended for your website.

We recommend LiveChat, which is the industry recognised website solution that is commonly used in eCommerce sites that allow your customers and site visitors to ask questions directly to you in a live setting. In fact, a recent survey showed that 44% of online consumers say that having questions answered by a live person while purchasing something is one of the most important and highly regarded features on a website.

We will go through step by step with how to install this incredible piece of software to your website using CSS & JavaScript Toolbox PLUS and you will be up and running in no time.


Get LiveChat Today:

Don’t waste any time, LiveChat is the easiest and best chat messaging solutions out there and you can even try it for free for 14 days.  Click for LiveChat and see how easy it is use.

The 4 Injection Types Video

In this video demonstration you will learn about the four main CJT injection types, which include: CJT Global Blocks, CJT Shortcodes, CJT Metabox Blocks, and CJT Widget Blocks. You will learn how to create each type and then understand how to find your code blocks within the page source code.


Priority Ordering with CJT Code Blocks

This video demonstrates how you can force higher ordered Code Blocks to execute before lower ordered Code Blocks. Ordering these can be very useful especially when functionality or output is dependant on the execution order. If for example you need to move a number of bottom (lower down) blocks higher up to override blocks above, you need to do the following:

  • Drag the block you want to move by clicking the block toolbar
  • Drop it in the new position
  • After re-ordering all target blocks, click ‘Save All’ Changes’ button

Note: Nothing will be saved until the ‘Save All Changes’ button is clicked. As long as you have not clicked the ‘Save All Changes’ button, you can revert the block orders back by simply refreshing the page.



Changing the Code Block Title

This video demonstrates how to change the Code Block title in the WordPress Plugin called CSS & JavaScript Toolbox.

I also provide a few naming tips to help you know the type of code used (i.e. JavaScript, CSS, PHP, and HTML) when the Code Blocks are in the minimised state.