Skip to main content
In Checkout , there are two ways to add widgets to your Checkout: Pages and Standalone widgets. This article explains how each works, when to use them, and how to get them placed in your Shopify Checkout.

​
Which should I use?

PagesStandalone widgets
Best forDisplaying multiple widgets togetherDisplaying a single widget
TriggersShared across all widgets in the pageSet individually per variant
Block limitMax 5 blocks per widget typeMax 3 blocks per widget type
Block placementOne app block per widget inside the pageOne app block per widget

​
Pages

A Page is a group of widgets that share a single group of triggers. When the trigger conditions are met, all widgets within the page are displayed together. Pages are ideal when you want to show multiple widgets to the same audience at the same time.

​
​

Creating a Page When creating a page, you have two options: Guided setup or Start from scratch. Guided setup The Guided setup walks you through a recommended configuration based on a goal you choose. The setup follows four steps: Goal, Triggers, Widgets, and Placement. Step 1: Goal Choose the goal that best fits what you want to achieve. Each goal comes with a recommended set of widgets pre-configured for you.
GoalRecommended widgets
Increase Average Order Value (AOV) and conversion rateUpsells, Trust Badges, Testimonials
Build customer trust and reduce abandonmentTrust Badges, Cart Controls, Text
Promote add-ons and accessoriesCheckbox Upsells, Images, Testimonials
Encourage customers to reach free shipping thresholdUpsells (with Rewards), Text
Important: Your goal cannot be changed after saving. If you need a different goal, you will need to delete the page and create a new one. However, widgets can be added to or removed from a page at any time. Take a moment to choose the goal that best fits your strategy before proceeding. Once you’ve selected your goal, click Save and next to continue. Guided Goals Step 2: Triggers Set the conditions under which your page will be shown, or choose to show the page to all customers with no conditions. For a full list of available triggers, see Checkout Triggers. Step 3: Widgets Review the widgets that have been recommended for your goal. You can add or remove widgets at this stage, and access advanced settings for each widget. For a full list of available widget types and their settings, see Checkout Widget Types. Guided Widgets Step 4: Placement Each widget in your page needs to be placed individually in your Shopify Checkout editor. Each widget is assigned a BlockID (e.g., page-upsell-001, page-upsell-002) which is used to identify it when adding the app block in Shopify. Location recommendations are provided to help you decide where to place each widget on the Checkout Page to place a widget:
  1. Note the BlockID assigned to your widget in the Aftersell dashboard.
  2. Open the Shopify Checkout editor.
  3. Add the Aftersell app block.
  4. From the dropdown, select the BlockID that matches your widget (e.g., page-upsell-003).
Note: Each widget within a page has its own BlockID and must be added as a separate app block in the Shopify Checkout editor. A widget will not display until it has been placed. Block ID 1
Start from scratch Start from scratch follows the same process as Guided setup, but skips the Goal step. You configure your triggers, add your widgets manually, and then place them in your Shopify Checkout editor using their BlockIDs. Editing a Page You can edit a page at any time after creation, including adding or removing widgets and updating triggers. The only thing that cannot be changed is the goal. If you need to change the goal, delete the page and create a new one.

​
Standalone widgets

Standalone widgets are individual widgets, each with their own triggers and priority and are best suited for when you only need to display a single widget all the time or to a targeted group of customers.

​
​

Creating a Standalone widget Click Create widget from the dashboard. You will be prompted to select two things:
  • Widget type: The type of widget you want to create (Upsells, Rewards, Trust Badges, Testimonials, Cart Controls, Notes, Text, or Images). For a full breakdown of each widget type and its settings, see Checkout Widget Types.
  • Block: Which block to add the widget to. There are three blocks available, and the naming follows the widget type you selected. For example:
    • Upsells: Default upsell, Additional upsell 1, Additional upsell 2
    • Trust Badges: Default trust badge, Additional trust badge 1, Additional trust badge 2
    • And so on for each widget type
Each block can hold multiple variants, The block counter in the top-right of the selector shows how many of the 3 available blocks you have created (e.g., 2/3 means 2 blocks created, 1 remaining).

​
​

Block limit A maximum of 3 blocks can be used for Standalone widgets. Once all 3 blocks are in use, the Add new block option will be unavailable and no additional widgets of the same type  can be created until an existing block is removed.

​
​

Placement Each Standalone widget must be placed in your Shopify Checkout editor as its own app block. When adding an app block in Shopify, you will see BlockID options for your standalone widgets listed as:
  • Default placement
  • Additional placement 1
  • Additional placement 2
These placement options determine the order in which widgets appear in your checkout experience. Note: For upsell widgets, placement also corresponds to the sequence in which upsell offers are shown (e.g., first, second, third upsell displayed). To place a widget:
  1. Open the Shopify Checkout editor.
  2. Add the Aftersell app block in your desired location.
  3. From the dropdown, select the BlockID that corresponds to your widget.

​
Analytics

Analytics are available for both Pages and Standalone widgets. You can view performance data for any individual page or widget by clicking the bar chart icon next to it on the dashboard, from within the editor itself or from the Analytics tab in the side navigation