1.0 theme : Sandbox

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.

Set up Feefo on your store:

1. Add the Feefo Product Reviews App from the Shopify App Store

2. Enable the Feefo App Embed

3. Update your Merchant ID

Add review display widgets to your Theme:

1. Add the Slide-Out Reviews Tab

2. Add Product Stars and On-Page Reviews

--------------------------------------------------------------------------------------------------------------------------

Set up Feefo on your store:

1. Add Feefo Product Reviews App from the Shopify App Store

- From the Shopify App Store go to the Feefo Product Reviews App listing page. Or visit this link https://apps.shopify.com/feefo-reviews.

- Click ‘Add App’

- Follow the guided setup process

- 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

- If you didn’t see this screen then please continue following the steps on this page

--------------------------------------------------------------------------------------------------------------------------

2. Enable the Feefo App Embed

- From your Shopify Admin, click Online Store

- Choose the Theme you want and click Customise

- Go to App embeds by selecting the icon on the left hand side
- Enable Feefo Core
- Click 'Save'

--------------------------------------------------------------------------------------------------------------------------

3. 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.

- Login to the Feefo Hub, or visit this link: https://hub.feefo.com/login
- Open the dropdown in the top right corner, under your name
- Copy your Merchant ID

- Within Shopify, go to your Theme Editor
- Go to App Embeds by selecting the icon on the left hand side
- Open the Feefo Core App Embed
- Replace the Merchant ID with the one you just copied
- Click 'Save'

--------------------------------------------------------------------------------------------------------------------------

Add Review Display Widgets to your Theme

1. Add the Slide-out Reviews Tab
2. Add Product Stars
3. Add On-Page Reviews

1. 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:

- From your Shopify Admin, click Online Store
- Choose the Theme you want and click Customise

- Go to App embeds by selecting the icon on the left hand side
- Enable Slide-Out Reviews Tab
- Click 'Save'

--------------------------------------------------------------------------------------------------------------------------

2. 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:

- From your Shopify Admin, click Online Store
- Choose the Theme you want and click the ellipsis (...) next to Customise

- Open the Sections folder on the left-hand side.
- Look for the file that hosts your product page's content - usually it's called "product-template.liquid".

- Find your ‘product description’

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

- Press the keyboard shortcuts Ctrl+F (Windows, Linux, and Chrome OS) and ⌘-F (Mac) to bring up the search bar on the page.

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

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

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

- Click ‘Save’.

--------------------------------------------------------------------------------------------------------------------------

3. Add the On-page Reviews

Benefits:

- Build trust early in the customer journey

- Get higher up in search results

- Boosts conversion

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:

- From your Shopify Admin, click Online Store

- Choose the theme you want and click the ellipsis (…) next to “Customise”

- Open the “Sections” folder on the left hand side

- Look for the file that hosts your product page’s content - usually it’s called “product-template.liquid”

- Find your ‘product description’

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

- Press the keyboard shortcuts Ctrl+F (Windows, Linux, and Chrome OS) and ⌘-F (Mac) to bring up the search bar on the page.

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

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

- Paste this code on a new line directly below your product description.

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

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

1.0 theme

Modified on: Thu, 7 Dec, 2023 at 1:17 PM