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
