1. Help Center
  2. Integrations
  3. Ecommerce Platform Integrations

BigCommerce

Voyage Global Tag

If you use BigCommerce, please follow these instructions for the tracking code:

  1. In your BigCommerce dashboard go to Store Front > Script Manager.
  2. Click Create New Script and title it.
  3. Select Head in Location on page.
  4. Select Store pages in Select pages where script will be added.
  5. Select Essential in Script category.
  6. Select Script in Script type.
  7. Paste the code snippet (shown below) in the Script Contents text area. Important: Replace 'Client ID' (keep the quotes) in the code below with the Client ID found in your Voyage dashboard under Settings—>Company—>Client ID
  8. Click Save.
<script type="text/javascript">
/* <![CDATA[ */
(function(){if(window.voyage)return;window.voyage={q:[]};var fns=['init','event', 'track'];
for(var i=0;i<fns.length;i++){(function(fn){window.voyage[fn]=function(){
this.q.push([fn,arguments]);}})(fns[i])}})();voyage.init('Client ID', { popup: true });
/* ]]> */
</script>
<script async src="https://assets.voyagetext.com/voyage.production.js"></script>

Purchase Event Code

To add the purchase event, please follow these instructions:

  1. Go to Advanced Settings > Data Solutions (formerly Web Analytics), and hit Connect next to Affiliate Conversion Tracking.
  2. Paste the code snippet (shown below) in the Conversion Tracking Code text area.
    1. Important: Replace 'Client ID' (keep the quotes) in the code below with the Client ID found in your Voyage dashboard under Settings—>Company—>Client ID
  3. Click Save and OK in the alert window. Note: you may receive a message saying the code is invalid. You can safely ignore this message.
    <script type="text/javascript">
    /* <![CDATA[ */
    (function(){if(window.voyage)return;window.voyage={q:[]};var fns=['init', 'track'];
    for(var i=0;i<fns.length;i++){(function(fn){window.voyage[fn]=function(){
    this.q.push([fn,arguments]);}})(fns[i])}})();voyage.init('Client ID', { popup: false });
    /* ]]> */
    </script>
    <script async src="https://assets.voyagetext.com/voyage.production.js"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
    var amount = '%%ORDER_SUBTOTAL_IN_CENTS%%'
    var orderId = "bc-" + "%%ORDER_ID%%"
    voyage.track("Purchase", { amountCents: +amount, orderId });
    /* ]]> */
    </script>

    FAQ

    Q. Why is the Voyage Global Tag not loading after adding to the Script Manager?
    A. Using Script Manager is only available for Stencil Themes with BigCommerce. If the theme is based on Stencil, it may be helpful to follow these Fixing missing scripts steps when troubleshooting.