Add Beacon to Your Website or App
Beacon provides on-demand FAQs, chat, and an email contact rolled into one helpful widget. To add Beacon to your website or web based app, just create a new Beacon or grab the installation code from the Beacon you want to use, and pop that into your website or app. Our SDKs will help your mobile developers add Beacon to your mobile apps too.
In this article
Get the Installation Code
Click the Copy button to copy the entire code you see there to your clipboard.
Add the Code to Your Site
Add that code to your website's code on any pages where you want Beacon to appear. It's that simple!
We've put together guides for some of the most popular website builder platforms. These guides walk you through placing the default Beacon install code in your site to appear on the whole site.
Choose your platform below:
There are quite a few different plugins available that can handle this for you so you can pick the one that suits your own needs the best. If you're not sure how to get moving there, Simple Custom CSS and JS might be a good place to start. (Note: Help Scout is not affiliated with that plugin or the developer of it in any way. If you need help with the plugin, you'll want to reach out to their support forum.)
Kajabi has an article to help you add custom code to a Kajabi site here: How to Add Custom Code to Your Page. You should be able to paste in the Beacon code following their directions — if you need further help, their support team would be able to assist from there.
Add Beacon to a Docs Site
Adding your Beacon to your Docs site is quick and easy — no coding experience required. Grab that installation code as shown above. Head into Manage > Docs > [Choose your Docs site] > Custom Code. Just paste that installation code into the Insert <head> Code field, and click Save. Ta-da 🎉 you've installed Beacon on Docs!
Add Beacon to a Mobile App
We've made it quick and easy for your mobile development team to add Beacon to your mobile apps. Just point your mobile developers over to the Beacon for Mobile Developer Documentation.
Customizing Your Beacon
Website or web based app
For some ideas on customizations you might want to try, check out Advanced Beacon Customization.
Check out Customizing the Mobile SDKs for documentation and guidance.