Articles on: Legacy ReConvert | Funnels

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


  1. In the ReConvert dashboard, click Checkout upsells


Navigation

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


Onboarding screen

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

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


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


Select section location

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


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

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

  1. To edit the content of the section (products, images, text, colors, etc), you can use the right side menu:


Right side menu

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


  1. 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: 23/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!