LAI Docs
Search…
PageFly
PageFly is an advanced page builder that helps you create landing pages quickly and effectively. To make LAI Reviews app appears properly on PageFly pages, you need to add the LAI widget into them.
First, be assured that the 2 apps have been installed:‌
After having installed the two apps, follow our quick steps below:‌
Step 1: Access the page you want the LAI widget to appear
Step 2: Click "add element" -> Choose HTML/Liquid element -> Drag and drop the element on where you want it to appear
Step 3: Click on the chosen element -> Open code editor
(Code must be added inside the Product details element)‌
Step 4: Add code to the chosen element. (below codes FYI)‌
Code for adding review widget to home page:
1
{% render 'lai-home-page' %}
Copied!
Code for adding review widget to happy customer page:
1
{% render 'reviews-happy-page' %}
Copied!
Code for adding star rating icon to collection page:
1
<div class="scm-reviews-rate" data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape}}"></div>
Copied!
Code for adding review widget to the product page:
Add this code
1
{% render "reviews-importer" %}
Copied!
Change the position of the widget review
1
<div class="scm-container custom" style="display: none;">
2
<div id="scm-reviews-importer" class="scm-reviews-importer">
3
<iframe id="scm-reviews-importer-iframe" width="100%"></iframe>
4
</div>
5
</div>
Copied!
Code for adding star rating to the product page:
1
<a href="#scm-reviews-importer"> <div id="scm-product-detail-rate" class="scm-reviews-rate" data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape}}"></div></a>
Copied!
Step 5: Save and close
If you can not add code by yourself, please drop us an email via [email protected]. We are more than happy to assist you.
Is this instruction helpful for you? Please vote below. Your feedback means a lot. Thanks so much 😊
Last modified 3mo ago
Copy link