1. IMPORT REVIEWS FROM YOUR FB PAGES

• Step 1, connect to your Facebook profile by clicking Facebook Login button. Confirm to login your FB profile. 

 

• You can choose one or more pages to import reviews from by checking the box next to page’s name. Click NEXT to finish connecting your pages to the app.

 

• Step 2, you will be directed back to the admin page and choose a page to import the reviews. Click GET REVIEW when done selecting
•  

 

• Step 3: Select Review below, you’ll be able to see reviews of pages you chose. If you want to look for a specific reviewer name, type the name into the Type to table bar. Then you can change the number of reviews per page in the beside bar. For ex, the app is showing 5 reviews per page on the picture below

 

2. SETTINGS AND REVIEW LAYOUTS

• Step 4, you can adjust the settings and layout to show reviews. You can either Enable app and Disable app on the up-left corner. In the right haft of the screen is the preview section, where it shows preview of your settings on the left half.

• Instruction to use categories in the tab. Click SAVE afterwards.

1	Page Name	What you want to call the review section
2	View Mode	14 different review layouts for the reviews: Grid View, Slide View…
3	Show review order	You can choose to show reviews in Random or Most recent review order
4	Minimum Review Rating	The minimum stars you want to show on your page (1-5)
5	Review limit per page	In some layout settings, for example Grid View, you can choose the number of review shown in a page
6	Star Image	Default, Medium or Small star size
7	Auto Playspeed	In slide views, you can set the auto playspeed. Be noted that the unit is millisecond (ms).
8	Readmore text custom	For some long reviews, set up custom readmore text to hide texts.
9	Review limit before “readmore” link	For long reviews, set a limit for text shown so it does not make your page look messy.
10	See All Reviews	Leave a “See all” link at the bottom of the review section for customers who want to dig deeper.
11	Review per row	Number of review shown in a row.

 

 

3. ADD FACEBOOK REVIEWS TO YOUR SHOPIFY STORE

• Step 5: Add to shop tab. There are 2 ways you can add it to your store (note that you only need to choose 1 out of 2 methods).

1. Use Add section function in Shopify Customize

Step 1: Choose theme in your store and click install section in your theme. After installing the section, follow step 2 to add section. 

  

 

Step 2: From your Facebook Reviews app admin, click Online Store > Themes > Customize

 

Step 3: In Sections tab, choose Add section

 

Step 4: Click to add Facebook Review > Save

 

2. Add code to your theme

          <div class="ot-facebook-reviews"></div>

Click Online Store > Themes > Actions > Edit code and paste the code anywhere you want the reviews to be shown.

Ex: product page, home page

Note: If you want to display 2 or more layouts to your store so instead of <div class="ot-facebook-reviews"></div> , add  <div class="ot-facebook-reviews" data-view="number" data-limit="number"></div>, in which data-view = Layout's ID, data-limit = number of reviews displayed

Layout	Layout’s ID
Grid View	1
List View	2
Slide View	3
Slide Multi Center View	4
Only Badge box	5
Slide Multi Item	7
Testimonials Grid	8
Testimonials Grid Border	9
Conversation List	10
Organized List	11
Masonry Grid	12
Single Slide	14
Layout popup	15
Layout modal	16

 

For ex: On your home page you want to show limit 3 reviews and on your product page you want to show 5 review.

In your home page, add <div class="ot-facebook-reviews" data-limit="3"></div>

In your product page, add <div class="ot-facebook-reviews" data-limit="5"></div>

 

Add code to create a page review

 <div class="ot-facebook-reviews"></div>

 

Step 1: On your Shopify admin store, click Online store > Pages > Add Page

Step 2: click the  button to show HTML on page and insert code into the page.