The checkout page is a staple for all ecommerce stores, but the checkout experience itself is not personalized to your customers' desires, leading to untapped revenue and checkout abandonment. Using Rebuy’s Checkout Extensions, you can introduce your customers to timely product recommendations that will increase conversion and revenue.
Best of all, you can realize all of these benefits in record time. Rebuy’s no-code solution lets you get product recommendations setup in minutes. With just a few clicks, you can have intelligent product recommendations in the checkout, and you can change where you want them to show with an easy-to-use drag and drop editor.
Recent changes to the Checkout Extensions widget
Rebuy rebuilt the technology that renders Checkout Extensions widgets in the Shopify checkout. Your widget settings, data source rules, discounts, and widget IDs carry over, and no reinstallation or reconfiguration is needed. Some behavior changed along with the rebuild:
Widget price text no longer follows your checkout editor Accent color. See Checkout Extensions Widget Price Color.
The
{firstName}token renders the word guest for a customer who is not logged in, where it previously rendered nothing.Cart subtotal rules on a Checkout Extensions widget are evaluated before order level discount codes reduce the subtotal. The Unsupported data source rules section below covers this.
Product title size settings render on a reduced scale inside the checkout.
Buttons fill the width of their container by default.
Each change is described in the section of this article or the installation guide that covers that setting.
LIMITATIONS AND REQUIREMENTS
Checkout Extensions widgets have feature limitations worth knowing before you set things up. In-checkout product recommendations require Shopify Plus.
Plan requirements
Shopify Plus merchants can add Checkout Extensions blocks for product recommendations or images directly in the checkout, order status page, and thank you page.
Note: Product recommendations cannot be placed on the order status page or the thank you page. Those surfaces support images only.
Non-Shopify Plus merchants can add recommendations or images to the order status page and thank you pages via content blocks, but cannot add product recommendations to the checkout itself.
General limitations
The widget cannot be positioned differently for desktop and mobile. Placement applies to both, and the widget uses its widest layout configuration in the checkout regardless of screen size.
Custom script tags, CSS modifications, and DOM/cookie access are not supported. Some visual adjustments can be made through Shopify's native Checkout Editor.
Checkout Editor color settings do not control the price text shown inside a Checkout Extensions widget. Widget price color follows a separate Shopify checkout color that has no control in the Checkout Editor. See Checkout Extensions Widget Price Color for how to set it.
Multi-language is not supported.
Product title size settings render on a reduced scale in the checkout. Sizes above the default render at the default size, and Extra Small renders at the same size as Small. Shopify's checkout provides a limited set of text sizes and does not expose a full size scale to apps.
The price shown on a product in the checkout widget is a forecast, and it can differ from the price Shopify charges once the product is in the cart. Shopify resolves discounts only at cart time, so the widget cannot know whether one of your own product discounts will also apply to that line. When both apply, the widget quotes the higher price and the cart charges the lower one. The cart price is always the authoritative one.
For a fixed amount widget discount in a market that is not your shop currency, the discounted price shown in the widget can differ slightly from the discount Shopify applies. The widget converts the discount using the product's own price ratio, and Shopify charges using its market exchange rate. The product's base price is unaffected.
A/B test assignment in the checkout is calculated on each visit rather than stored. If you change an experiment's traffic split or reorder its variants while the experiment is running, a returning customer can be placed in a different variant than the one they saw before.
Currently, when a widget's data source returns no products, the widget's Super Title, Title, and Description still display in the checkout with no products beneath them. Rules that can return an empty set, such as a customer tag condition or an exclusion, can leave a header alone on the page. Keep the data source able to return at least one product for every customer who reaches checkout, for example by adding a fallback Rebuy endpoint to the rule.
Unsupported data source rules
The following data source rules are not compatible with Checkout Extensions:
URL Parameters
Order Tags
Recently Viewed Endpoint (when customer is not logged in)
Geolocation
Cart subtotal rules in a Checkout Extensions widget are evaluated before order level discount codes. A Cart Subtotal rule on a Checkout Extensions widget uses the subtotal your customer sees before any order level discount code reduces it, so an order level code cannot pull a qualifying cart below the widget's subtotal threshold. For example, a customer with a $100 cart and a $20 order level discount code still qualifies for a rule requiring a subtotal over $90. This applies to both offer targeting and gift validation.
Checkout Extension Widget FAQ's
Am I required to switch the Checkout Page widget to Checkout Extensions?
Merchants are not obliged to switch from our existing Checkout Page widget to Checkout Extensions at this time. Our goal is to reach feature parity and beyond with Checkout Extensions and migrate our merchants over to that in a timely manner so they can get all future feature updates. Due to this, we will be putting future development resources and new features into Checkout Extension and not the Checkout Page widget.
What is the difference between Checkout Extensions and the Checkout Page Widget?
The Checkout Extensions have been built for a seamless setup, with the ability to be placed on Shop Pay pages and a no-code implementation on Headless Store checkouts.
Can I preview my checkout extension widget on the actual checkout page?
Yes! you can preview the widget on your Shopify checkout page by creating an alternate checkout to preview the widget. You can do this by going to your Shopify checkout settings and duplicating your live checkout profile. From there, you will add the widget ID to that checkout app block for testing purposes.
Do I need Shopify Plus to add in-checkout recommendations?
Yes, in-checkout recommendations and add-ons are features exclusive to Shopify Plus merchants, allowing for advanced personalization within the checkout process.
Why is my widget not showing in the Shopify checkout previewer?
If you've configured specific data source rules beforehand, the widget might not display in the preview if those rules aren't met correctly. To gain a better understanding of how the widget will appear on your checkout, we recommend starting with the default Rebuy endpoint rules.
Why is my Checkout Extensions widget title showing when the field is left blank?
When the Title field in a Checkout Extensions widget is left blank, the title should not display in the checkout. If it is still appearing, this is typically a browser cache or stale rendering issue.
Try these steps in order:
Enter a single space in the Title field and save. Does this override the previous value that is still being served?
If the previous title is still showing, confirm the widget ID in your Rebuy settings matches the widget ID entered in the Shopify Checkout Editor app block.
Check whether the widget's data source rule includes a Widget Language rule. If so, that rule may be overriding the blank Title field with its own value.
Open the widget's data source editor and click the Clear Cache button to force a fresh data pull.
Note: Custom CSS cannot be used to hide or style elements in Checkout Extensions widgets. Shopify does not allow custom CSS or JavaScript on the checkout page.
How do I change the colors or add a logo to my checkout?
There are some settings that we cannot control such as adding a logo, header, background, accent colors, button colors, and error colors. To modify those types of settings you need to go to the Shopify checkout editor settings.
The one exception is price text inside a Checkout Extensions widget. Changing the checkout editor's Accent color, or any other checkout editor color, does not change that price text's color. Widget price text follows a separate color that has no control in the checkout editor and can only be set through Shopify's Checkout Branding API on a Shopify Plus plan. See Checkout Extensions Widget Price Color for the steps.
Will checkout extensions work with Shopify 1 page checkout?
Yes, the 1-page checkout will perform identically. No action is required when transitioning from a 3-page checkout to a 1-page checkout. In case you encounter any problems, kindly attempt removing the Rebuy app block in your checkout editor and then reinstall it following the steps in the installation guide.
Can I add Surveys to the Checkout Process?
Currently, there is no way to add a survey directly to the checkout page.
It is not possible to add a survey to the thank you page after an order is placed.
There is no option to integrate a survey into the order status page.
Surveys cannot be added to the post-purchase page at this time.
Can I customize the message on the checkout Success Banner?
Yes, you can fully customize the message that appears after products from checkout recommendation widgets are added to the cart. You can tailor the message to fit your store's tone and branding.
Can I change the color of the checkout success banner itself?
Currently, you cannot adjust the color of the banner. You can only change the text color.
Can I hide the checkout Success Banner?
Yes, you have the option to show or hide the Success Banner based on your preferences. If you don't want to display the banner, simply turn off the feature.
How does Shopify handle currency display in Checkout Extensions?
Shopify controls the currency formatting and display in Checkout Extensions widgets using its own currency formatting system (i18n.formatCurrency). The currency symbol and format (e.g., A$ vs AUD) are determined by Shopify’s logic and the customer’s market settings.
Can I customize the currency format or symbol in the checkout widgets?
No, you cannot customize the currency format or symbol in Checkout Extensions widgets via Rebuy settings. The currency display is entirely managed by Shopify, and Rebuy does not override this.
What limitations exist with multi-currency support in Checkout Extensions widgets?
Currency formatting and symbol display are handled by Shopify, not Rebuy, and cannot be customized.
Multi-currency support relies on Shopify’s Markets and checkout configuration.
Custom JavaScript or advanced formatting is not supported in Checkout Extensions widgets.
Do I need to configure anything in Shopify to use multi-currency in Checkout Extensions?
Yes, multi-currency support is dependent on Shopify’s Markets configuration and checkout settings. Ensure that these are properly set up in your Shopify store to enable multi-currency functionality.
How do I add a discount to the Checkout Extensions widget?
Rebuy's Checkout Extensions widget supports discounts via Shopify Functions.
To set it up:
Open your Checkout Extensions widget Editor in the Rebuy Admin
Go to the Discount tab
Enable the Shopify Functions discounting toggle and configure the discount amount and click Save.
This creates an Automatic Discount in Shopify scoped to that widget's attribution. Only products added through the widget will receive the discount.
A few things to keep in mind:
Shopify Plus is required. Checkout Widget product offers are not available on standard Shopify plans.
Attribution-based discounting. The discount applies only to items added via the Checkout Extensions widget, based on Rebuy's line item attribution. The discounted product cannot be dynamically removed like Gift With Purchase Widgets.
Discount combining. The Rebuy-generated discount is set to combine with other discounts by default. Your other Shopify discounts also need combining enabled, or they may conflict with or override each other.
The widget price is a forecast. The discounted price shown on the card is calculated before the product reaches the cart, so it can differ from the amount charged when one of your own product discounts applies to the same line, or when a fixed amount discount is converted into a market that is not your shop currency. Shopify's cart total is authoritative in both cases.
Want to learn more about Rebuy features? Book a demo with our team today!