Dynamic Checkout Customizer
  • 👋Welcome to DCC
  • Overview
    • ✨Our Features
    • 📝Getting Started
  • Use Cases
    • 💸Dynamic Upsell
    • 💰Static Upsell
    • â„šī¸Promotional Banner
    • âš–ī¸Trustpilot Reviews Image
    • đŸ’ŗSupported Payment Icons
    • đŸŽĢTrust Badges
    • 🚚Shipping & Customs policies
    • 📖Content for B2B / B2C
    • 🔤Custom Fields
    • 🛃Survey Form
    • đŸ”ĸQuantity Selector
    • 📓Add Notes
    • 📑Display Tags
    • đŸ“ĸAddress Validation
  • About
    • ➕Install App
    • 🆕Request a Feature
    • 🎨Website
    • 🎧Contact Support
Powered by GitBook
On this page
  • Guide
  • Why does it matter?
  1. Use Cases

Dynamic Upsell

PreviousGetting StartedNextStatic Upsell

Last updated 1 year ago

How to Upsell or Cross Sell Products on Checkout using the Upsell -> Dynamic option? A simple walkthrough.

Guide

  1. Select the Upsell category.

  1. Select Dynamic upsell type from the options to upsell products on the checkout using metafields.

  1. Select Dynamic Render option from the given placement options.

  1. Add multiple conditions to handle the visibility of the customization on the checkout.

  1. Add the metafield in the dynamic source field to get the products for each cart item. Adjust the Max Products, Is Source and Dynamic conditions.

  1. Adjust the display settings for the upsell customization block according to your preferences.

  1. Change the status to active to enable the customization block.

  1. Adjust the priority between 0 to 100 to cover multiple use cases for the customizations.

  1. In the placement tab, copy the placement ID which will be used on the checkout page.

  1. Click on the Save button to save the changes.

Make sure you that you have placed the app block at the same placement as selected in the app.

  1. Select the Checkout - Upsell Products app block, drag and drop the app block at the desired location and paste the placement ID to view the customization block.

  1. Click on the Save button to publish the changes live for the customers.

Why does it matter?

Create a new .

Go to store , click Checkout and then select a checkout profile and click on customize button to start the customization process.

In the , click on the Add app block button located at the bottom left corner of the page.

is using Dynamic Upsell customization and Increased their AOV by 20%.

💸
customization
Settings
Checkout editor
FameOnCentral
Dynamic Upsell Tutorial