How to Use LAI Product Reviews with PageFly

About LAI Product Reviews

What is LAI Product?

The LAI Product Reviews element in PageFly helps you display customer reviews on your Shopify store’s pages. This element can be customized to match your store’s design and improve your product pages’ credibility. Follow this step-by-step guide to effectively use the LAI Product Reviews element in PageFly.

Install LAI Reviews element

Before using this element, you have to install the LAI Product App to your store, configure all options in the app, and then return to PageFly to use the element for the corresponding page(s) you want.

• Install LAI Product Reviews
• Install PageFly

How To Access LAI Product Reviews Element

From PageFly Dashboard

In the PageFly dashboard, follow these steps to access LAI Product Reviews element:

Step 1: In the PageFly dashboard, click Extra functions on the left menu.

Step 2: Click the Manage button on the right of the Integration.

Step 3: Search for LAI Product AliExpress Reviews and hit Activate.

Step 4: Click Close and the element will appear in the Third-party Elements menu.

From PageFly Editor

In page editor, follow these steps to access LAI Product Reviews element:

• Step 1: In the PageFly editor, click Third-party elements on the left menu.
• Step 2: Click on the icon on top right of the Third-party elements tab.
• Step 3: Search for LAI Product AliExpress Reviews and activate it.
• Step 4: Click Done and the element will appear in the Third-party elements menu.

How to Configure LAI Product Reviews

Important note:

• All elements of the LAI Product Review app only show in Live View mode so you need to Publish the page to check how they look.

From PageFly

Step 1: Add LAI Product Reviews Element

Before setting up the LAI Product Reviews element, you need to add it to your page canvas:

• Step 1: Go to Third party elements in the left toolbar.
• Step 2: Scroll down to find the LAI Product Reviews element, which is under the Reviews & Rating section, or use the search box.
• Step 3: Click on the LAI Product Reviews element, choose the variant you want, then drag and drop it to the editor page.

This element comes with six variants for different page types:

1. Star Rating: Displays the average star rating of a product. Ideal for showcasing overall product satisfaction at a glance.
2. Reviews Widget: Displays a list of customer reviews. Suitable for product pages where detailed customer feedback is important.
3. Advanced Widget – Media Gallery: Shows a gallery of customer-uploaded photos and videos. Perfect for highlighting user-generated content and enhancing visual appeal.
4. Advanced Widget – Card Grid: Displays reviews in a grid format. Useful for creating a structured and organized review section.
5. Advanced Widget – Testimonial Carousel: Features a rotating carousel of customer testimonials. Great for dynamic and interactive presentations of customer feedback.
6. Advanced Widget – Card Carousel: Displays reviews in a rotating card format. Ideal for adding a visually appealing and engaging review section to your page.

By adding and configuring these elements, you can effectively showcase customer reviews on your Shopify store pages.

Step 2: Configure LAI Reviews App Elements

After adding the LAI Product Reviews element, you can customize it by clicking on the element and navigate to the General and Styling tabs:

• From the General tab, You can adjust Visibility, Attributes, and Animation settings. For more details, refer to the PageFly General Settings guide.

• For styling options like margins, borders, and effects, go to the Styling tab. You can find more details about the available options here.

From LAI Reviews App

Before using the LAI Product Reviews element in PageFly, you’ll need to create and configure your element in the LAI Product Reviews App. Here’s how:

• Step 1: Activate “LAI Product Reviews” in the Theme Customize

Go to the Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “LAI Product Reviews” and activate it.

• Step 2: Configure “LAI Product Reviews” Widgets

From the dashboard > click on Widgets, there will several options of widgets for you to choose:

• Essential Widgets:

• • Star rating
  • Product review section

• Advance sections:

• • Card carousel
  • Testimonial carousel
  • Media gallery
  • Card grid
  • Review popup
  • Question & answers
  • Highlight review tab

Pick the integrated widget you want to use in PageFly and click the Customize button to start customizing. After you finish customizing your widget, remember to hit Save to make it live.

This guide will focus on configuring the six PageFly elements of LAI Product Reviews.

Step 2.1 Configure Star Rating Widget

Star rating color: Adjust the star rating color to your desired shade using the color palette or by entering a color code.
Display: Hide star rating if a product has no reviews: Check this box to hide the star rating for products that haven’t received any reviews. Show star rating texts:  Check this box to display text alongside the star rating. Further configurations for star rating texts: If you choose to display star rating texts, you can customize how these texts appear.

Step 2.2 Configure Product Reviews Section

Default Layout Header type: Choose how the header of the review section should appear. Options include: full, compact and review. Body type: Decide how the reviews should be laid out. Options include: Rounded (Grid/List): Reviews are displayed with rounded corners in either a grid or list format. Square (Grid/List): Reviews have square corners and can be shown in a grid or list. Square – Small Photos (Grid/List): Similar to the square layout but optimized for smaller photo sizes.
Design Font: Select the font style for the review text to ensure it aligns with your brand. Rating Icon: Choose the icon used for displaying the rating, such as stars or other symbols. Colors: Customize various colors within the review section. Review widget width: Set the width of the review widget, either in pixels or as a percentage.
Body card: Customer’s avatar display: Decide whether to show or hide the customer’s avatar next to their review. Show vote helpful: Allow other customers to vote on whether a review was helpful. Max character display: Limit the number of characters displayed in each review to keep them concise.
Others: Two-column layout on phone: Check this box to enable a two-column layout for reviews when viewed on a mobile device.
Advance (checkbox) Multiple Widgets on One Page: Enable this option if you want to display multiple review widgets on a single page. Custom Widget Design: Allow for more advanced customizations to the widget’s design. Use JsonLD: Implement structured data for better SEO. Lazy Loading: Enable lazy loading to improve page load times by loading reviews only when they come into view. Custom CSS: Add custom CSS for further styling options (only applied after saving).

Step 2.3 Configure Card Carousel Widget

Default review source: Select the review collection that will be displayed in the carousel. This allows you to choose which set of reviews to showcase.
Display: Auto Run: Check this box to enable the carousel to automatically scroll through reviews. Body Card Type: Choose the style of the review cards in the carousel: dynamic, standard and formal.

To customize default layout settings, refer to the Product Reviews Section configuration.

Step 2.4 Configure Testimonial Carousel Widget

• Default Review Source: Select the review collection that will be displayed in the testimonial carousel. This allows you to choose which set of reviews to showcase.
• Slider: Check the “Auto run” checkbox to enable the carousel to automatically scroll through testimonials.

To customize default layout settings, refer to the Product Reviews Section configuration.

Step 2.5 Configure Media Gallery Widget

Default Review Source: Select the review collection that will be displayed in the media gallery. This allows you to choose which set of reviews to showcase.

To customize default layout settings, refer to the Product Reviews Section configuration.

Step 2.6 Configure Card Grid Widget

• Default Review Source: Select the review collection that will be displayed in the card grid. This allows you to choose which set of reviews to showcase.
• Body Card Type: Choose the style of the review cards in the grid, dynamic, standard or formal.
• Reviews Per Load: Set the number of reviews that will be loaded initially and each time the user requests more.

To customize default layout settings, refer to the Product Reviews Section configuration.

For more information about the app configuration, you can check their documents here.

Common Cases

When configuring the LAI Product Reviews element in PageFly, users might encounter a few common issues:

Reviews Not Displaying

Ensure that the Product source is correctly set and that the reviews are linked to the corresponding product. Verify the integration and activation of the LAI Product Reviews app in PageFly.

Styling Changes Not Applied

Make sure changes are applied to the correct element state (e.g., Normal, Hover). Save the changes and refresh the page. Check for any custom CSS that might be overriding your settings.

Spam Reviews Not Filtered

Verify that the spam filter is enabled in the Review tab settings and that your plan supports this feature. Adjust the spam filter settings to include more specific keywords or criteria to block spam content effectively.

Frequently Asked Questions

1. Can I customize the appearance of the reviews?

Yes, you can customize the appearance of the reviews by using the Styling tab. You can adjust fonts, colors, margins, borders, and other visual aspects to match your store’s design.

2. Who are currently in partnership with the LAI Product Reviews App?

The LAI Product Reviews App partners with several e-commerce platforms and service providers to enhance its functionality, such as AliExpress, Amazon, DSers (Oberlo), PageFly, Google Shopping and Klaviyo.

3. What are the pricing plans for the LAI Product Reviews App?

The app offers several pricing plans:

• Free Plan: Basic features including import from AliExpress and CSV.
• Essential Plan: $6.99/month, includes additional import options and auto-publish reviews.
• Complete Plan: $14.99/month, adds more widget options and advanced features.
• Premium Plan: $24.99/month, includes exclusive customizations and API access.

See their full pricing details here.

Additional Resources

• PageFly Styling tab
• What apps does PageFly integrate with?