1. Home
  2. Knowledge Base
  3. Manually Integrate Fera
  4. Manual Integration How-To Video Series

Manual Integration How-To Video Series

Welcome to the Manual Integration Video Series

This video series will help guide you through the process of installing Fera and making sure everything runs correctly on your site. This will be a helpful guide to troubleshooting any issues on your own. If you change your theme, want to move the location of a notification, or even re-integrate Fera you’ll be able to by following along with these how-to guides.

Video #1-Introduction to Theme Editing on Shopify

This video will walk you through the process of how to edit your theme on Shopify. See where to naviagte to edit your theme and understand how to switch between files and make changes if necessary.

Video #2-How to Check you have the 4 Fera Snippet Files Installed

This video guides you through the process of checking that you have the 4 files installed that have the following names:


    banana-stand-footer.liquid
    banana-stand-cart-top-container.liquid
    banana-stand-product-list-container.liquid
    banana-stand-product-page-container.liquid

These files are contained within the ‘Snippets’ folder in your Shopify theme code.

This video explains how to edit your Shopify code and find the place where you need to integrate the Fera footer code into your theme.liquid file. The snippet of code is {% include ‘banana-stand-footer’ %} and it makes sure that all of the Fera notifications appear live on your site.

Video #4-How to Manually Integrate the Product Detail Snippet

This video walks you through the process of manually integrating the Fera Product Detail Container snippet. This is helpful if it did not integrate correctly, you changed themes, or you want to change the location of where the snippet shows. If you want to split apart where the 3 different skills (Social Proof, Product Detail and Get it By Timer) show you can follow our guide here.

If you use a custom page builder like GemPages or Pagefly this is also an important video to watch to self-integrate your Product Detail Container snippet. Page builders save your product pages with their own file names and the code is laid out differently. This makes it hard for the Fera.ai app to automatically integrate when you initially install the app. Watch this video and follow along to add it yourself and get the Skills workining-even in custom made pages!

Video #5-How to Manually Integrate the Product List Snippet

This video will guide you through the process of manually integrating the Product List snippet code into your Shopify theme. This will allow the Product List Skill notifications to appear within your Collections pages. You can also follow this guide if you want to change the location of where the notifications appear (above/below price, above/below the image, etc.).

Video #6-How to Manually Integrate the Cart Timer Snippet

This video guides you through the process of adding your Cart Timer snippet to your Cart files in your Shopify theme. This allows you to reposition where the Cart Timer bar appears. This guide is also handy if you want to add the snippet to your Ajax Cart plugin or any other cart add-on/sidebar that you may have. Just follow the same general guidelines in the video and also add the snippet to any other files as needed.

Understand What Each Snippet Does

Understand what each snippet does. The {% include ‘banana-stand-product-list-container’ %} snippet controls the Product List Skill. The {% include ‘banana-stand-product-page-container’ %} snippet controls the Social Proof, Get it By Timer and Product Detail Skill. The {% include ‘banana-stand-cart-top-container’ %} snippet controls the Cart Timer Skill. The {% include ‘banana-stand-footer’ %} is important to ensure all parts of the app will work.

Was this article helpful?

Related Articles