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

Head to Manage > Beacons > [Choose your Beacon] > Installation. Click the Copy button to copy the entire code you see there to your clipboard. Paste that in to your code on any pages in your website or web app where you want a Beacon to appear. 

Website Builder Guides

We've put together guides for some of the most popular website builder platforms to walk you through placing the default Beacon install code in your site. Choose your platform below to get started. 

If your website builder isn't included here, that doesn't mean you can't use Beacon! Check in with the support or developer team for the builder or host your site uses — most of the time, if you can add JavaScript to your site, you can add a Beacon.

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. To get started, just point your developers over to the Beacon for Mobile Developer Documentation

We offer a SDK (Software Development Kit) for both iOS and Android based apps. 

Customizing Your Beacon

Website or web based app

If you'd like to customize your Beacon installation on your website or web based app beyond the options you see in Help Scout, you'll need a little coding skill. Head over to the Beacon JavaScript API for the full details on what's possible (or point your developer team that way). You can use your own JavaScript to customize how, when, and where you call the Beacon, use it to automatically open Beacon to a specific screen, or even open Docs articles in a sidebar or modal window. 

Mobile Apps

Check out Customizing the Mobile SDKs for documentation and guidance.

Still stuck? How can we help? How can we help?