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.