Add Beacon to a Shopify Site

Shopify is an ecommerce platform that has everything you need to sell online. Beacon provides on demand FAQs, chat, and an email contact rolled into one helpful widget you can plug right into your Shopify site to keep in contact with your customers. If you built and host your website on Shopify, embedding Beacon is as easy as a simple copy + paste.

1

Create a new Beacon or grab the installation code from the Beacon you want to use.  

2
In Shopify, click on Online Store from the left navigation menu under Sales Channels, then Themes

3
From the Themes Page, select on Edit Code from the Actions dropdown on your current theme.

4
Scroll down past templates and open the Sections folder. Choose header.liquid from Sections.

5
The code can be a little intimidating if you're a newbie to editing code. In header.liquid, Cmd +F (on Mac) or Ctrl + F (on Windows) to search for  {% schema %}. You'll paste your Beacon code right above that. 

6
Paste the Beacon code you copied in step 2 right above {% schema %}. If you paste it in the wrong place, Shopify will flash an error.

7
Save and Preview to view Beacon on your Shopify site to offer chat, an easy email contact form, and Docs all in one handy widget.

Want to learn more about Beacon? Beacon Jumpstart Guide

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

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