How to Embed AliExpress Reviews on Your Website

With Jotform’s AliExpress Reviews widget, you can easily embed AliExpress reviews on your website and show product ratings and customer feedback right where shoppers can see them. It’s a simple way to highlight real customer experiences and give visitors more information before they decide to buy.

Whether you’re adding reviews to product pages, your homepage, or campaign landing pages, the AliExpress Reviews widget helps you build trust with shoppers by putting customer feedback front and center.

To embed an AliExpress Reviews on your website, you’ll first need to set up the AliExpress Reviews widget and copy the embed code for it. Here’s how to get going:

1. On the top-left side of your Workspace page, click on Create.

2. Then, in the menu that opens up, select Website Widget.

3. Next, in the Search bar in the upper-left corner of the Choose Website Widget menu, enter AliExpress Reviews.
4. Then, at the bottom of the search results, click on Use Widget.

5. Now, in the Widget Properties menu that opens on the right side of Website Widgets, under the General tab, in the AliExpress Product URL field, enter or paste your Ali Express Product URL or Product ID.
6. Once the reviews have been fetched, set up these properties:
   • Title — Delete the existing title in the input box and enter the title you want to display at the top of the website widget.
   • Widget Header — Keep this on to display a header above the reviews, or toggle it off to hide it.
     • Header Title — This is only shown when the Widget Header property is enabled. Toggle it off to hide the title in the widget header, or leave it enabled and, in the input box below it, delete the existing title and enter the title you want to display.
   • Review Details — This is only shown when the Widget Header property is enabled. Select the details you want to display in the widget header:
     • Rating — Select this to display the app’s overall rating.
     • Number of Reviews — Select this to display the total number of reviews.
   • Review Fields — Select the fields you want to display on each review card:
     • Photo — Select this to display the reviewer’s photo.
     • Name — Select this to display the reviewer’s name.

7. Next, under the Style tab, customize these properties:
   • Dark Theme — Toggle this on to use the dark version of the widget layout.
   • CTA Button — Keep this on to display a call-to-action button in the widget, then delete the existing text in the input box below it and enter the button text you want to display. Toggle it off to hide the button.
     • Button Color — This is only shown when the CTA Button property is enabled. Keep the default color, enter the name, hex code, or RGB value for a new one in the input box, or click on the color box to choose a new CTA button background color.
     • Text Color — This is only shown when the CTA Button property is enabled. Leave the default color as is, enter the name, hex code, or RGB value for a new one in the input box, or click on the color box to choose a new CTA button text color.
   • Jotform Branding — Keep this on to display Powered by Jotform in your widget, or toggle it off to hide it. 
   • Font — Toggle this on, then in the Dropdown menu that appears below it, keep Site Font selected to match the font used on your website, select System to use the font from each visitor’s device, or select another available font. Leave this off to continue using your website’s font.
   • Custom CSS — Toggle this on, then in the code editor that appears below it, enter custom CSS to apply advanced styling to your widget.

8. Now, under the Layout tab, configure these properties:
   • Layout Options — Select one of the following options to choose how the reviews are displayed:
     • Carousel — This displays multiple review cards side by side that visitors can navigate horizontally.
     • Slider — Use this to display one review card at a time that visitors can navigate through.
     • Badge — Select this to display the reviews in a compact badge-style layout.
     • Grid — This displays the review cards in rows and columns.
     • List — Use this to display the review cards in a vertical list.
     • Masonry — Select this to display the review cards in a masonry-style layout that accommodates cards with different content lengths.
   • Full Width — Keep this on to expand the widget across the full width, or toggle it off to limit the widget width.
   • Navigation Arrows — Keep this on to display arrows for navigating through the reviews, or toggle it off to hide them.
   • Pagination — Toggle this on to display pagination controls below the widget.
9. Once you’ve finished configuring the widget, in the pink navigation bar at the top of the page, click on Publish.

10. Then, in the Embed section, click on Copy Code, and, if you already know how, paste that into the Embed section on your platform, and you’re good to go.
11. To view embedding instructions for your widget, click on Platforms in the menu on the left side of the page.

12. Next, in the Platforms section on the right, select the platform you want to view embedding instructions for. Or, use the Search bar at the top of the section to find it easily.

13. Then, follow the steps in the How to Embed Your Widget section to add it to your website.

That’s it! Your AliExpress widget will appear on your website just the way you customized it. See the screenshot below for an example of how it looks on a website.