📝 How to Add Help Scout Beacon to Your WordPress Website
If you're looking for a way to provide support to your website visitors, Help Scout Beacon is a great option. This tool creates a small icon in the corner of your site, allowing visitors to access your knowledge base articles, send a support message, or engage in a live chat with you. In this tutorial, we'll show you how to add Help Scout Beacon to your WordPress website using the Header Footer Code Manager plugin.
📌 Table of Contents
- Introduction
- Creating a Help Scout Account
- Copying the Beacon Snippet Code
- Installing the Header Footer Code Manager Plugin
- Adding the Help Scout Beacon Code to Your Site
- Customizing Your Beacon
- Pros and Cons of Using Help Scout Beacon
- Frequently Asked Questions
- Conclusion
Introduction
Help Scout Beacon is a powerful tool that can help you provide better support to your website visitors. By adding a small icon to your site, you can give visitors access to your knowledge base articles, support form, and live chat feature. This can help you reduce the workload on your customer service team and provide a better experience for your visitors.
Creating a Help Scout Account
Before you can add Help Scout Beacon to your WordPress website, you'll need to create a Help Scout account. You can use our referral link digitalsuccess.link/helpscout to create your account and receive a free trial with no credit card required. Plus, you'll get a 50% discount on your plan after using our link.
Copying the Beacon Snippet Code
Once you've created your Help Scout account, you'll need to copy the Beacon snippet code. To do this, log in to your Help Scout account and click on "Manage" from the top navigation menu. Then, click on "Beacons" and select the Beacon you want to use. Click on "Installation" and then "Copy" to copy the snippet code to your clipboard.
Installing the Header Footer Code Manager Plugin
To add the Help Scout Beacon code to your WordPress website, you'll need to install the Header Footer Code Manager plugin. To do this, go to "Plugins" on the left-hand side of your WordPress dashboard and click on "Add New." Search for "Header Footer Code Manager" and install the plugin by 99 Robots. Then, activate the plugin.
Adding the Help Scout Beacon Code to Your Site
With the Header Footer Code Manager plugin installed, you can now add the Help Scout Beacon code to your site. Go to "HFCM" on the left-hand side of your dashboard and click on "Add New." Name your snippet "Help Scout Beacon Code" and set the snippet type to HTML. You can set the site display to "Site-wide" or choose from other options in the drop-down menu. Set the location to "Header" and the device display to "Show on all devices." Set the status to "Active" and paste in the snippet code you copied from Help Scout. Click "Save" to activate the Beacon on your site.
Customizing Your Beacon
Once you've added the Help Scout Beacon to your site, you can customize it to match your branding and preferences. You can change the color, position, and text of the Beacon, as well as add custom CSS. You can also set up rules to control when the Beacon appears on your site.
Pros and Cons of Using Help Scout Beacon
Like any tool, Help Scout Beacon has its pros and cons. Some of the pros include:
- Easy to use and set up
- Provides multiple support options for visitors
- Can help reduce workload on customer service team
Some of the cons include:
- May not be suitable for all types of websites
- Can be distracting for some visitors
- May require additional customization to match branding
Frequently Asked Questions
Q: Can I use Help Scout Beacon on multiple websites?
A: Yes, you can use Help Scout Beacon on multiple websites with a single Help Scout account.
Q: Can I customize the appearance of the Beacon?
A: Yes, you can customize the color, position, and text of the Beacon, as well as add custom CSS.
Q: Is Help Scout Beacon free?
A: Help Scout Beacon is included with all Help Scout plans.
Conclusion
Adding Help Scout Beacon to your WordPress website can help you provide better support to your visitors and reduce the workload on your customer service team. By following the steps outlined in this tutorial, you can easily add the Beacon to your site and customize it to match your branding and preferences.
