Facebook Reviews Document

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




In Actions column, you can either check or uncheck the option to show the review or not. Any review that is checked will be shown on your store, and which isn’t checked will not.

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.

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

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



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




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 below button to show HTML on page and insert code into the page.



Step 3: Go to your online store to check how it works in practice.




This method requires knowledge in HTML, should you need any help contact us at [email protected] directly for further support.****

Updated on: 26/05/2021