Skip to main content

Add Upsell Blocks Using Checkout Blocks & Customizer

This tutorial shows how to add upsell blocks on the checkout page using Checkout Blocks and the Customizer. You will learn to configure rules and customize the checkout experience effectively.

Updated over 2 months ago


Step 1: Let's get Started
Click the Dashboard to access the app, you will find it under the Apps section on the left hand side of your Shopify admin.

Let's get Started

Step 2: Open Create Section
Look for Upsell & Cross sell option and click Create to start setting up a new upsell block.
​

Open Create Section

Step 3: Enter Upsell Block Name
Enter your upsell block name to identify it clearly within the system.We are naming it as upsell for easy understanding.

Enter Upsell Block Name

Step 4: Add New Rule
Click Add rule to define conditions for when the upsell block will appear.

Add New Rule

Step 5: Choose Cart Total Condition
For example we are selecting "Cart total" as the primary attribute.

Choose Cart Total Condition

Step 6: Select Comparison Operator
Select the appropriate comparison operator such as equal to, greater than, or less than and also enter the value to set up your rule.

Select Comparison Operator

Step 7: Save Rule Configuration
You can further configure the rule by adding title,subtitle, source for recommendation etc.Then click on Save to apply the configuration.

Save Rule Configuration

Step 8: Open Checkout Customizer
Copy the Content Id and then Click to access the Checkout Customizer for further customization of the checkout page.
​
​

Open Checkout Customizer

Step 9: Add New Block
Click Add block to insert a new element into the checkout page design.

Add New Block

Step 10: Select Checkout Upsell Block
Click Checkout Upsell to choose the upsell block type for your checkout page.

Select Checkout Upsell Block

Step 11: Enter Upsell Block ID
Enter the upsell block ID number to link the block you created earlier.

Enter Upsell Block ID

Step 12: Save Checkout Customizations
Preview the block and position it as you wish.Click Save to finalize and apply your upsell block settings on the checkout page.

Save Checkout Customizations

You have successfully added and configured upsell blocks on your checkout page using Checkout Blocks and the Customizer. This setup enables targeted upselling based on different conditions, enhancing your store's sales opportunities.


​

Did this answer your question?