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

    • Up-sell/Cross-sell offers

      Offer title You can set the title for your offer to distinguish with other campaign easily Trigger button Your cross-sell/up-sell can be triggered through the Add to cart button or the Checkout (Buy Now) button. With Cross-sell offer, there will be ...

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

    • Thank you page

      You can create Cross-sell and Customer service offers in Thank you page. In Trigger Button settings, choose Show offer when on Thank you page. In Thank you page, the offers will only display as Embed. After finishing the setup of your offer, go to ...

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

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