Shopify Plugin
Getting BouncePilot set up in your Shopify store is easy.
Although no individual instrumentation of events is required to get up and
running, you will need to include 2 new liquid
snippets into your Shopify
Admin section.
What you will need:
- An advetiser ID - please see Getting Advertiser ID
- Access to your Shopify Admin Dashboard with rights to alter the theme code
- Customized versions of the
bopify.liquid
and thebopify_convert.liquid
with yourADVERTISER_ID
inserted.
bopify.liquid
You will need to replace the text ADVERTISER_ID
with the value of your
account's ID (provided to you by your BouncePilot Account manager)
{%- comment -%}
BouncePilot Data Liquid Script
{%- endcomment -%}
<script type="text/javascript">
window._bopify_secure_url = "{{ shop.secure_url }}";
window._bopify_page_description = "{{ page_description }}";
window._bopify_cart = {{ cart | json }};
window._bopify_checkout = {{ checkout | json }};
window._bopify_collection = {{ collection | json }};
window._bopify_product = {{ product | json }};
{%- if customer and customer.email -%}
window._bopify_customer = {
"name" : {{customer.name | json }},
"id" : {{customer.id | json }},
"addresses": {{ customer.addresses | json }},
"defaultAddress": {{ customer.default_address | json }},
"email" : {{customer.email | json}},
"emailHash" : {{ customer.email | strip | lowercase | md5 | json }}
};
{% endif %}
</script>
<script src="//static.bouncepilot.com/ADVERTISER_ID.js" async></script>
<script src="//static.bouncepilot.com/shopify/bopify.js" async></script>
bopify_convert.liquid
You will need to replace the text ADVERTISER_ID
with the value of your
account's ID (provided to you by your BouncePilot Account manager)
<script src="//static.bouncepilot.com/ADVERTISER_ID.js" async></script>
<script src="//static.bouncepilot.com/shopify/bopify.js" async></script>
For detailed instructions on how and where to install these snippets, please refer to the BouncePilot Shopify Plugin Setup Guide