TapCart Integration

Drag&drop our Product Reviews Widget onto your Shopify store using TapCart Custom Blocks.

Mollie Herbert avatar
Written by Mollie Herbert
Updated over a week ago


  • REVIEWS.io Account

  • Shopify Account

  • TapCart App


  1. In the REVIEWS.io dashboard, go to Publishing >> Widget Library and select the Product Reviews Widget

  2. Customise the widget however you like, then click Get Installation Code (leave the popup open for now)

  3. In a new tab go to your TapCart App within Shopify.

  4. In TapCart, go to App Studio >> Product Page and then click Custom Blocks >> Launch Blocks Editor.

  5. Give your new custom block a name such as Product Reviews

  6. 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

  7. 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.

  8. In the script tab, replace the line below -

    sku: '[Multiple SKUs Seperated by Semi-Colons e.g "sku1;sku2;" ]',


    sku: Tapcart.variables.product.variants.map(v => v.sku).join(';'),

  9. 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.

Did this answer your question?