How to Set Up Offers on Your Shopify Checkout Page

How to Set Up Offers on Your Shopify Checkout Page

Displaying offers on the checkout page can boost conversions. Here’s a quick guide with key considerations and steps for setting up offers in Shopify.

Part 1: Considerations for Displaying Offers on the Checkout Page

While Shopify’s Checkout Extensibility feature allows you to customize offers on the checkout page, there are a few things to keep in mind:
1. Shopify UI Components and Styling Limitations
  • Shopify enforces specific UI guidelines for the checkout page. The interface and style of offers must follow Shopify's predefined UI Components. This means that the offers you display on the checkout page may look different from those on other parts of your store, such as the product or cart pages.

2. Unavailable Components

  • Some components that are common on product and cart pages are not yet available on the checkout page. These include:
    • Countdown timers: You won’t be able to add urgency-driven countdown timers directly to the checkout page.
    • Discount badges: Visual indicators like badges to highlight discounts or limited-time promotions are also unavailable.

    • Pre-select option: pre-selected checkboxes or automatic selection of specific item are not available.

    • Content with HTML: Shopify Checkout Extensibility do not support content with HTML & CSS

Keep these limitations in mind while designing your checkout page offers to avoid confusion or inconsistency with your branding.

Part 2: Quick Setup Guide

  1. In Shopify admin, go to Settings > Checkout.
  2. In the Configurations section, click Customize.
  3. Add app blocks by dragging and dropping them to the desired position on the checkout page.
  4. Click Save to apply your changes.



    • Related Articles

    • How to Set Up Shopify Flow to Receive Notifications for New Form Submissions

      Overview With Shopify Flow integration, you can automate the notification process whenever there is a new form submission from your customers. This feature allows you to receive unlimited automatic email notifications, ensuring you stay updated in ...

    • [Version 2] How to set up Accelerated Checkout Buttons?

      This guide will walk you through the steps to modify your Shopify theme's code to ensure that Shopify Accelerated Checkout buttons work seamlessly in qikify Slide Cart. By enabling this feature, you can improve the overall shopping experience for ...

    • Checkout Validations

      1. Custom Rules You can set validation rules to ensure order meets specific conditions based on your cart, delivery information, and personal details. Step 1: Add your condition for the Custom Rules at Check if... section with these options to set it ...

    • [Version 2] How to set up Sticky Button & Cart Drawer?

      SLIDE CART SETTINGS 1. Visibility Enable "Slide Cart" on desktop: Tick on this option to show the Slide Cart on desktop version. Enable "Slide Cart" on mobile: Tick on this option to show the Slide Cart on mobile version. Auto open "Slide Cart" when ...

    • List Shopify themes integration

      This is a list of most popular Shopify themes and how Smart Menu works with it.  Press Ctrl+F and type your theme name to search.  - There might still be some problems depending on theme version or in-use apps. Please contact us to resolve. - If your ...