Before using this element, you have to install the Stamped.io Product Reviews UGC app to your store and configure all options in the app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.
Check the Help Documentation of Stamped.io
In this article, you’ll learn about the Stamped.io – Reviews & UGC element and how to use it. In order to use this element, the Stamped.io Product Reviews UGC app has to be installed on your Shopify store.
About Stamped.io – Reviews & UGC element
Stamped.io – Reviews & UGC element is designed to present testimonials of your product to convince visitors about the product’s quality and ultimately increase your conversion rate. You can use the Stamped.io – Reviews & UGC element to display reviews or ratings of a specific product.
Access the Stamped.io element
Step 1: Click on the 3rd icon in the Element Catalog which is the Add third-party elements
Step 2: Click on the Stamped.io element in the dropdown menu
Stamped.io – Reviews & UGC element comes in 7 variations:
- Main Widget
- Carousel
- Full Page
- Visual Gallery
- Wall Photos
- Top Rated
- Star Rating
Drag and drop a variation to your layout to set it up.
Stamped.io – Reviews & UGC element configuration
Select the element in the layout to see its variation then easily drag and drop the element on to your page.
Once you drag the element into the Editor, it will pull all reviews of the assigned product on your live page.
In the Product page, Stamped.io – Reviews & UGC elements will depend on the chosen products you select in your Page Settings modal.
- The Main Widget element only works on the Product page.
- The remaining elements can work independently without staying inside the Product Details element on all page types. They can be used many times on a page.
Main Widget
You can read more here about the parameters in the General tab.
Note that you can only use the Main Widget element once on a product page.
Carousel
CUSTOMIZATION
- Carousel Title: You can add a title for the carousel. For example, the title can be “Real Reviews from Real Customers”
- Auto Slide: Enable this option if you want the carousel can slide automatically
- Auto Slide Interval: You can adjust the slide interval for the carousel
- Title Color: Choose any color you want for the title
- Star Color: Choose any color you want for the star
- Text Color: Choose any color you want for the text
- Link Color: Choose any color you want for the link
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your product page.
Full Page
SETTINGS
Show Product Image: Enable this option if you want to show the product image along with the reviews.\
CUSTOMIZATION
- Label Subtitle: You can add a title for the label subtitle. For example, the subtitle can be “Based on 254 reviews”
- Star Color: Choose any color you want for the star
- Verified Color: Choose any color you want for the verified color
- Text Color: Choose any color you want for the text
- Link Color: Choose any color you want for the link
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your product page.
Visual Gallery
CUSTOMIZATION
Feed Type: The feed will be displayed as one of two types such as Carousel or Gallery.
If you choose Carousel type, there are 7 options to set up the Carousel
- Height: Adjust the height for the carousel you want
- Auto Slide: Enable this option if you want the carousel can slide automatically
- Auto Slide Interval: You can adjust the slide interval for the carousel
- Star Color: Choose any color you want for the star
- Hover Color: Choose any color you want when hovering the mouse into
- Hover Opacity: Choose the opacity level by the number for hovering
If you choose Gallery type, there are 3 options to set up the Gallery
- Star Color: Choose any color you want for the star
- Hover Color: Choose any color you want when hovering the mouse into
- Hover Opacity: Choose the opacity level by the number for hovering
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your product page.
Wall Photos
CUSTOMIZATION
- Star Color: Choose any color you want for the star
- Hover Color: Choose any color you want when hovering the mouse into
- Hover Opacity: Choose the opacity level by the number for hovering
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your product page.
Top Rated
CUSTOMIZATION
- Star Color: Choose any color you want for the star
- Link Color: Choose any color you want for the link
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your product page.
Star Rating
You can read more here about the parameters in the General tab.
Note that you can only use the Star Rating element once on each product page.
Stamped.io – Site Badges
Stamped.io – Site Badges element comes in 2 variations:
- Minimal
- Badge
Drag and drop a variation to your layout to set it up.
Select the element in the layout to see its variation then easily drag and drop the element on to your page.
These elements not only work on the product pages but also work on other page types (home page, regular page, collection page, etc).
Before using this element, you have to install the Stamped.io Product Reviews UGC app to your store and configure all options in the app and then come back to PageFly to use the element(s). Once you drag the element into the Editor, it will pull all reviews and badges on your live page.
Minimal
CUSTOMIZATION
- Text: You can add a title for this review, for example, “Verified Reviews”
- Text size: You can adjust the size for the text here. The minimum size is 10px; the maximum size is 100px.
- Star Size: You can adjust the size for the star review here. The minimum size is 10px; the maximum size is 100px.
- Stars Color: Choose any color you want for the stars.
- Text Color: Choose any color you want for the text.
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your pages.
Badge
CUSTOMIZATION
- Height: You can adjust the height for the badge. The minimum height is 100px; the maximum height is 1000px.
- Text: You can add a title for this review, for example, “Verified Reviews”.
- Text size: You can adjust the size for the text here. The minimum size is 10px; the maximum size is 100px.
- Badge Outer Color: Choose any color you want for the badge outer.
- Badge Inner Color: Choose any color you want for the badge inner.
- Ribbon Color: Choose any color you want for the ribbon.
- Stars Color: Choose any color you want for the stars.
- Text Color: Choose any color you want for the text.
FILTER
- Review IDs: The carousel will be filtered by multiple review IDs
- Product IDs: The carousel will be filtered by multiple product IDs
- PRODUCT_TYPE_LABEL: The carousel will be filtered by product category
- Product Vendor: The carousel will be filtered by the product vendor
- Tags: The carousel will be filtered by review tags
OPTION
- Limit Words: You can limit the max number of words for the review body
- Minimum Rating: Show only reviews above the selected minimum rating. There are 5 options for you to show from 1 star to 5 stars.
- Fill Empty: Enable this option in case the filtered results are empty, then other reviews will fill the widget.
- Random: Enable this option if you want to randomize the review results.
For other parameters such as VISIBILITY, ATTRIBUTES, and ANIMATION, you can read more here.
Note that you can use this element many times on your pages.
You can check the video tutorial below
