1. Home
  2. Knowledge Base
  3. Getting Started
  4. BigCommerce Installation
  1. Home
  2. Knowledge Base
  3. Platform-specific Articles
  4. BigCommerce Articles
  5. BigCommerce Installation

BigCommerce Installation

This guide assumes that you already have signed up for a Banana Stand account and you already have obtains a Public and Secret key.

Step 1: Install the BigCommerce App

Go to the BigCommerce app store, search for Banana Stand and install the app.

Step 2: Decide where you want Banana Stand integration to appear.

Open up your product page template and put this where you want Banana Stand’s counters to appear:

<div class="banana-container"></div>

Step 3: Add this to your Order Success Page Template

For blueprint themes (most stores that signed up prior to 2017):

Edit the template order.html and add this code to the bottom of the file:

<script> window.__bsio.push({ action: "pushEvent", event_type: "order", order_id: "%%GLOBAL_OrderId%%" }); </script>

For stencil themes (most stores that signed up after 2017):

Download your theme, edit templates/pages/order-complete.html and add the following before the ending </main. tag:

<script> window.__bsio.push({ action: "pushEvent", event_type: "order", order_id: "{{order.id}}" }); </script>

For stencil themes, it should look like this afterwards:

Don’t want to do any work? We’ll do it for free!

For a limited time we are offering free professional customization and installation with our paid plans, so you don’t have to do anything to get started!
Please to schedule this free service.

Was this article helpful?

Related Articles