Requirements
REVIEWS.io Account
Shopify Account
TapCart App
Instructions
In the REVIEWS.io dashboard, go to Publishing >> Widget Library and select the Product Reviews Widget
Customise the widget however you like, then click Get Installation Code (leave the popup open for now)
In a new tab go to your TapCart App within Shopify.
In TapCart, go to App Studio >> Product Page and then click Custom Blocks >> Launch Blocks Editor.
Give your new custom block a name such as Product Reviews
From the REVIEWS.io tab, copy the first two lines of the widget code and paste this into the HTML section in TapCart, overwriting what’s already there
From the REVIEWS.io tab, copy the remainder of the widget code and paste this into the JS section in TapCart. You will need to remove the wrapping <script></script> tags.
In the script tab, replace the line below -
sku: '[Multiple SKUs Seperated by Semi-Colons e.g "sku1;sku2;" ]',
withsku: Tapcart.variables.product.variants.map(v => v.sku).join(';'),In the CSS section in TapCart, paste the following code, overwriting what’s already there
* {
box-sizing: border-box;
padding: 0;
margin: 0;
font-family: Helvetica;
}
#ReviewsWidget {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
9. Click Save and Close to exit the blocks editor.
10. You can now drag your custom block into your product page.