TABLE OF CONTENTS


Introduction


These are the installation instructions for adding Feefo reviews to your Shopify store.


If you're on a 2.0 theme, please use these instructions.

If you're on a 1.0 theme, please use the instructions on this page.


If your not sure what theme you’re using you can check by visiting this page Theme architecture versions. If your on a vintage theme you can find documentation on how to upgrade your theme by visiting this page Upgrading to Online Store 2.0.



Add Feefo Product Reviews App from the Shopify App Store


To add Feefo Reviews App to store

  1. Go to the Shopify app store.
  2. Search for "Feefo" in the Shopify app store or visit https://apps.shopify.com/feefo-reviews
  3. Select "Feefo Product Reviews."
  4. Click on "Install."
  5. To begin the installation process, select "Install App."
  6. The Start installation.
  7. Choose the relevant plan for your needs.
  8. Update your review collection settings, including when to collect reviews and whether to include recent customers or only future customers.
  9. Once satisfied, click "Save and Continue."
  10. Agree to the terms and conditions.
  11. Click "Add Widgets to My Theme."
  12. The process will commence, and a walkthrough video will guide you through adding the app to your template by simply dragging and dropping it into position.
  13. Once the process is complete, click "Finish."
  14. If you see the 'You're ready to collect and display reviews' screen picture below then you have successfully installed the app and no further action is required.
  15. If you didn't see this screen then please continue following the steps on this page.


Note: You will not see review widgets displayed in your theme editor or on your live store until you have collected reviews


Enable the Feefo App Embed


  1. From your Shopify Admin, click "Online Store"
  2. Choose the Theme you want and click "Customise"
  3. Go to "App embeds" by selecting the icon on the left hand side
  4. Enable "Feefo Core"
  5. Click "Save"



Update your Merchant ID


You will need to re-enter your Merchant ID whenever you change theme. If you'd prefer to watch a video tutorial click here.

  1. Login to the Feefo Hub, or visit this link: https://hub.feefo.com/login 
  2. Open the dropdown in the top right corner, under your name
  3. Copy your "Merchant ID"
  4. Within Shopify, go to your "Theme Editor"
  5. Go to App Embeds by selecting the icon on the left hand side
  6. Open the "Feefo Core App Embed"
  7. Replace the Merchant ID with the one you just copied
  8. Click "Save"


Add the Slide-out Reviews Tab


Our Slide-Out Reviews Tab sticks to the side of your page and follows browsers as they scroll, so your service review rating is always in their eyeline. It’s unobtrusive, and when browsers click on the tab, it slides out to display your most recent reviews. 


Benefits:

  • Builds confidence in your service by making sure your rating is always in the customer’s eyeline
  • Easy for customers to read your most recent reviews
  • Build trust early in the customer journey


Installation Instructions:

  1. From your Shopify Admin, click "Online Store"
  2. Choose the Theme you want and click "Customise"
  3. Go to App embeds by selecting the icon on the left hand side
  4. Enable "Slide-Out Reviews Tab"
  5. Click "Save"



Note: You will not see review widgets displayed in your theme editor or on your live store until you have collected reviews

Add Product Stars


Help browsers choose which products to buy with the Feefo Product Stars widget. Display your star rating on individual product pages, category pages or even on search results pages. This widget is great for getting stars in organic search results too.


Benefits:

  • Build trust early in the customer journey 
  • Get higher up in search results
  • Boosts conversion


Installation Instructions:

  1. From your Shopify Admin, click "Online Store"
  2. Choose the Theme you want and click "Customise"
  3. Open the Sections folder on the left-hand side.
  4. Look for the file that hosts your product page's content - usually it's called "product-template.liquid".
  5. Find your ‘product description
  6. Press the keyboard shortcuts Ctrl+F (Windows, Linux, and Chrome OS) and ⌘-F (Mac) to bring up the search bar on the page.

    <div class="product-single_description rte" itemprop+"description">
    {{product.description}}
    </div>

  7. Paste this code on a new line directly above your product description.

    <div class="feefo-review-badge-wrapper-product"></div>

  8. Click "Save"



Add the On-page Reviews


Our On-page Review widget doesn’t just display your feedback, it makes it a part of your site’s content, which means you get all the SEO benefits of collecting customer reviews! It’s ideal for creating a dedicated reviews page on your website or for including on your product pages. 


Benefits:

  • Boost your SEO – your reviews are automatically marked up with the correct schema for Google snippets so you’re good to go!
  • Keeps your customers on site, as they don’t have to go elsewhere to read feedback
  • Simple to install, so you can get up and running quickly


Installation Instructions:

  1. From your Shopify Admin, click "Online Store"
  2. Choose the Theme you want and click "Customise"
  3. Open the Sections folder on the left-hand side.
  4. Look for the file that hosts your product page's content - usually it's called "product-template.liquid".
  5. Find your ‘product description
  6. Press the keyboard shortcuts Ctrl+F (Windows, Linux, and Chrome OS) and ⌘-F (Mac) to bring up the search bar on the page.

    <div class="product-single_description rte" itemprop+"description">
    {{product.description}}
    </div>

  7. Paste this code on a new line directly above your product description.

    <div class="feefo-review-badge-wrapper-product"></div>

  8. Paste this code on a new line directly above your product description.

    <div id="feefo-product-review-widgetid" class="feef0-review-widget-product" data-feefo-product-id="{{product.id}}">

  9. Click "Save"