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 Fera and install the app by clicking on “Get”.

Step 2: Use the 7 Skills

Fera will be installed and all you have to do is use the 7 skills under the Skills heading in your Fera Dashboard. These skills are the Social Proof Feeds, Social Proof Popups, Product Detail Counters, Product List Counters, Cart Timers, Get it By Timers & the Promo Bar. By clicking on one of these options you will get a pop-up that explains what each skill 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.

Social Proof Feed Getting Started with Campaigns

As you can see above you can create your first campaign or create a new one under each of the 7 skills. To edit an existing one click the edit button to take you to the campaign. This allows you to customize the appearance of the skill 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 skill 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.


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

By default, Fera 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 Fera 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