1. Home
  2. Knowledge Base
  3. Getting Started
  4. Shopify Installation

Shopify Installation

Step 1: Install the Shopify App

Go to the Shopify app store, search for Banana Stand and install the app by clicking on “Get”.

Step 2: Use the 5 Tools

Banana Stand will be installed and all you have to do is use the 5 tools under the Tools heading in your Banana Stand Dashboard. These tools are the Social Proof Feeds, Product Detail Counters, Product List Counters, Cart Timers & Get it By Timers. By clicking on one of these options you will get a pop-up that explains what each tool is and how they would appear on your Shopify store. If you need to see this instructional popup again, there is a small question mark (circled in yellow below) next to the title. This will bring up the information again by clicking on it.

As you can see above you can create your first campaign or create a new one under each of the 4 tools. To edit an existing one click the edit button to take you to the campaign. This allows you to customize the appearance of the tool and whether or not to enable/disable certain functions. Each function has a small explanation or tip about what it does and why it’s useful. Once you’ve finished editing under each tab you can either click to preview what the tool will look like on your site, or see the preview bar at the top of the screen. You will not see anything in your Shopify store’s product pages until you create your first campaign and it’s “Running”.

*Note: If you’re tech savvy and know a bit of coding you can use the “Custom HTML/CSS (Advanced) Tabs to add your own CSS classes. The CSS classes will be included in all of the base “default” CSS, so your custom CSS will get precedence. This will allow you to customize the appearance fully.

FAQ

What if I want Banana Stand to appear somewhere else? (or Integrate Manually)

By default, Banana Stand will add itself to right after your ending form tag for the add-to-cart form in your product view page (sections/product-template.liquid).  In order to move Banana Stand somewhere else, simply move the container that looks like this:

{% include 'banana-stand-product-page-container' %}

You can add it to any other spot in the product page content.

Confused? We can install/customize it for you for free!

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

Was this article helpful?

Related Articles