How to add pre-made ReConvert widgets to your pre-purchase flows on the product and cart pages via the Shopify editor (beta) | Shopify

Learn how to manually add ReConvert widgets to your product page and cart page using Shopify’s theme editor.

This is part of our pre-purchase widget beta release - via native placement via the Shopify editor.

⚠️ Before you start

• This feature is in beta. It’s available now, but we’re still improving it based on feedback
• Cart drawer support is not yet available
• Widgets are applied using your default condition (unless you’ve set something else)
• After you have inserted the widget into the Shopify editor, you can manually choose where the widget appears using Shopify’s drag-and-drop editor - simply drag and drop

🛍 Add a pre-purchase widget to your product page

1. In ReConvert, go to the Flow Builder and go to the product page

2. Use your default condition or an alternative condition that you are using to segment the product
3. Add a Product Upsell widget (or any other supported widget)
4. Click place your slots in the theme editor

A ReConvert custom slot should be added automatically to the theme editor on the Product page. If it has, you can skip to step 8.

If you do not see a notification that it has been added, we can add this manually.

5. In the top dropdown, select: Products → Default product

6. On the left-hand panel, click: Apps → Add block
7. Choose the relevant ReConvert app block and select the widget you created
8. Drag and drop the app block you inserted to the position that you wish (e.g. above or below the buy button)

9. Click Save

10. If you have already set up the condition in Flow Builder for which you would like this block to be shown to your customers, then you can select this condition here and then you are done (though you can of course customize further in the Flow Builder)

11. If you have not already set up the condition or want to customize the widget, you can now edit the specifics of the upsell via the ReConvert Flow Builder (at Step 1) by clicking 'edit slot'

🔍 This will display the widget on all product pages unless you've set custom product settings within Shopify or conditions within Flow Builder.

🛒 Add a pre-purchase widget to your cart page

1. In ReConvert, go to Flow Builder and go to the Cart page

2. Use your default condition or an alternative condition that you are using to segment the product
3. Add a Product Upsell widget (or any other supported widget)
4. Click place your slots in the theme editor

A ReConvert custom slot should be added automatically to the theme editor on the Cart page. If it has, you can skip to step 8.

If you do not see a notification that it has been added, we can add this manually.

5. In the top dropdown, select: Cart

6. On the left-hand panel, click: Apps → Add block
7. Choose the relevant ReConvert app block and select the widget you created
8. Drag and drop it to position that you would like the block to appear

9. Click Save

10. If you have already set up the condition in Flow Builder for which you would like this block to be shown to your customers, then you can select this condition here and then you are done (though you can of course customize further in the Flow Builder)

11. If you have not already set up the condition or want to customize the widget, you can now edit the specifics of the upsell via the ReConvert Flow Builder (at Step 1) by clicking 'edit slot'

💡 Tips

• Widget not showing? Make sure you've added it inside the correct page type and saved your changes and make sure other apps are not blocking the ReConvert app block from appearing
• Styling is handled automatically via our “magic design sync” feature which will automatically match your store's theme, however if you wish to create specific styles this can be done via the app block's settings in the Shopify Editor

❓FAQs

Can I use different widgets on different products?

Yes, but you’ll need to create unique conditions or templates and assign widgets to those from within Flow Builder

Can I add multiple widgets to one page?

Yes. Just repeat the steps above and choose different slots/widgets

Will this interfere with post-purchase widgets?

No - pre-purchase widgets are fully separate

🧪 Still in beta

We’re gradually improving the experience based on merchant feedback.

If something doesn’t work or you have ideas, please reach out via chat. Your input helps us shape what’s next.

Well, that’s a wrap!

If this article did not solve your issue, our support team is available for you 24/7, just click the live chat button at the bottom-right corner of this page.

Updated on: 15/07/2025