Articles on: Checkout upsells (Shopify Plus)

How to create checkout sections and upsells using the ReConvert Editor (Shopify Plus only)

Create checkout upsells using the ReConvert Editor



ReConvert's checkout upsells is a powerful tool available for Shopify Plus stores, allowing them to customize their checkout experience in order to improve the checkout conversion rate and increase the store's average order value.

To add checkout upsells to your store, you need to first create your upsells in the ReConvert Editor for the checkout- this article will take you through doing that.



Navigate to the ReConvert Editor for checkout



In the ReConvert dashboard, click Checkout upsells

Navigation
In the checkout upsells page, you will see the following onboarding screen. Click the Customize checkout button

Onboarding screen
In a new tab, the ReConvert Editor will open, where you can edit your different checkout stages

How to use the ReConvert Editor for checkout



The editor is made out of a few parts:
Preview- the center of the page
Left menu- where you can add sections to the page and move them around
Right menu- where you can edit the details of each section you added
Top bar- where you can save, undo and more

In the editor, you can switch between different checkout stages using the dropdown at the top of the page, and you can watch a help video by clicking the button at the top left of the page.

Switching pages
The editor is very similar to the Shopify checkout editor, with the goal of making it as intuitive and easy for you to use and set up.

The ReConvert Editor- checkout
To add your first section, click Add section > the section you'd like to add

In this guide, we will be using the Multi product upsell section as an example. To learn about the other available sections, navigate to this dedicated article.

Add section

All available locations will show up in the left menu- click the location you'd like to add your section to

Select section location
After clicking your chosen location, you will see the upsell section added to that location in the page preview, as well as see it in the left menu

Section added to checkout

Add multi product upsell

Edit your section and page layout



Once you've added your section to the page using the ReConvert editor, you can use the left and right menus to edit different parts of it:

Each section is built out of a group of smaller sections and blocks. This allows you complete flexibility to edit the section layout and content- you can hide, show and delete each block from the left menu:

Edit the multi product upsell layout
Using the left menu, you can also drag and drop the section to different locations in the page, allowing for full control over your checkout layout:

Moving the multi product upsell section
To edit the content of the section (products, images, text, colors, etc), you can use the right side menu:

Right side menu
When clicking any block or section in the upsell section on the left menu, the editing controls for this block/section will open up in the right side menu- using that, you can easily edit each part of the section:

Editing the multi upsell widget

Click Save to make sure your changes are live!

Next Step: add your ReConvert app section to the Shopify checkout editor




📢 Did you know we have a YouTube channel? Don’t forget to subscribe to the channel to keep in touch with us and our news and updates.
🙏 If you find our app useful, help other merchants find it by leaving us an honest review on the Shopify app store! It means the world to us.
📧 Please let us know if you spot any typos, mistakes or omissions via care@stilyoapps.com

Updated on: 13/12/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!