We have received quite a few enquiries about how to install Pure Chat on WordPress websites, so I decided to create this quick tutorial. This simple step-by-step guide applies to installing Pure Chat’s free widget on your WordPress blog, however if your blog is hosted through WordPress.com, these directions will not apply to you because WordPress.com does not allow access to the template editor.
For those of you that don’t know, Pure Chat is a simple, yet powerful free chatting widget that allows your website visitors to instantly chat with your sales and/or support team. I won’t go over the features in this tutorial, but you can learn more information by checking out the tour.
Important: When you update WordPress, the changes you make with this tutorial shouldn’t be affected. However, if you decide to change or update your theme, it will overwrite
This tutorial will use the Pure Chat blog as an example, but these steps should work with any WordPress.org template.
Step 1: Log into your WordPress Admin dashboard. The default login url is
/wp-login.php. Once you are logged in, you should see something similar to the image below.
Step 2: Hover over Appearance in the left-hand menu. This will open up a sub-menu. Click Editor. Note: If you don’t see the Editor option, you most likely are using WordPress.com (or another hosting provider), and they currently restrict access to Editor feature.
Step 3: You should now be in your theme editor. As you can see below, I am editing the default WordPress theme, Twenty Twelve’ Stylesheet (style.css). The content in the box and in the right menu labeled Templates will be different depending on what theme you are using. However, this doesn’t change what you are going to do. On the right hand menu, you will be looking for the template section named Footer (footer.php). In the image below, it is highlighted by the red box. Click Footer.
Step 4: Now, you can see that I am editing the Twenty Twelve: Footer (footer.php). Your footer content will be different, depending on the theme that you are using. However, you will still be looking for the
</body> tag. In the image below, you will see a red arrow next to the
</body> tag. Go to Step 5.
TIP: No matter what theme you are using, the closing
</body> tag will be at the end of all content. Therefore, if your theme has a lot of content in the footer, you might have to scroll to find the
</body> tag. If you have to scroll, I suggest scrolling as far down as possible and start looking for the
</body> tag from the bottom up. You can also use the browser searching capabilities.
Step 5: Now that you’ve found the closing
</body> tag, you’ll need to sign up for Pure Chat. It’s 100% free to join, so you’ll be able to start chatting with customers in no time!
Step 7: You located the closing
</body> tag. To save your changes, press the Update File button.
Step 8: You have now installed Pure Chat on your WordPress website. Below is an example of an active chat.
Pure Chat makes it extremely easy to add live chat for WordPress websites. You can add and update your chat widgets right in the Pure Chat dashboard. I hope that this simple tutorial helps you add Pure Chat to your WordPress blog.
Get the latest news on Axosoft and GitKraken, plus valuable tips and stories about software development in your inbox, every 2 weeks.