App configure tutorial
APP CONFIGURE TUTORIAL
Email: [email protected]
After installing the app, you will be redirected to the simple administrative interface.
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.
Instruction to use categories in the tab. Click SAVE afterwards.
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
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
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.
Step 3: Go to your online store to check how it works in practice.
Updated on: 07/10/2021