What is AfterSell Checkout?
AfterSell Checkout is a tool developed to allow you to design multiple types of content to display on the checkout page in Shopify.
Currently this is only accessible to Shopify Plus Merchants due to restrictions Shopify has placed on their new Checkout Extensibility API.
There are two main widget types in AfterSell Checkout. There are upsell widgets and content widgets:
Upsell Widgets
Upsell Widgets offer three different modes for upselling:
Single Product Upsell
Presents a single product to your customer with an Add to Cart button.
Multi-Product Upsell
Offers multiple products to your customer simultaneously.
You can display these items in a horizontal carousel slider or stack them vertically instead.
Checkmark Upsell
Upsell a single product with a checkbox instead of an Add to Cart button, allowing your customer to easily remove the item by unchecking the box.
Content Widgets
There's four different content widgets you can work with, and each contribute to your checkout in different ways:
Rewards
Shows a reward bar in your checkout that tells your customer how close they are to reaching a specified goal.
This goal can either be based on Order Value, or Item Count.These go really well with upsell widgets, so that your customer can easily add extra value to their order to achieve the reward.
Keep in mind, any rewards you're offering will need to be fulfilled through Shopify.
This can be done by creating Automatic Discounts in Shopify if you're offering a discount, or by modifying your Shipping Rules if you're offering free shipping.
Trust Badges
Allows you to build out trust badges really easily with custom text and images.
These can be stacked vertically, or displayed horizontally.They're great for building a sense of trust in your brand, which lowers your abandoned checkout rate.
Testimonials
Display some of the great reviews your store has received, directly on checkout.
This widget also helps build a sense of trust in your brand, once again lowering your abandoned checkout rate.
Notes
Allows your customer to add notes to their order.
These notes can either be written manually by your customer, or be pre-written notes.
Pre-written notes are excellent when your store offers gift wrapping or eco packaging, and want to give your customers an easy way to opt-in.
Text
Allows you to insert a banner on your checkout with text of your choice.
You're able to adjust the header size, content size, and spacing for the text widget.
You're also able to choose four different styles for this text widget.
Information: A blue background with a blue information icon.
Success: A green background with a green checkmark icon.
Critical: A red background with a red exclamation point icon.
Warning: A yellow background with a yellow warning triangle icon.
Image
Allows you to upload a custom image which can be inserted on your checkout.
You can also adjust the width of this image with a slider.
There is no minimum size requirement for the image.
Adding Widgets to Your Checkout
In order to add widgets to your checkout, you'll first need to make sure they're enabled in AfterSell. You can do this by clicking on a widget in your AfterSell Checkout Editor, and then click on the white "Enable" button on the top right of the widget's settings.
You'll then want to click on the white "Open Shopify Checkout Editor" button on the bottom right. This will prompt you to choose what widget you'd like to insert in your checkout. Once selected, you can click and drag the widget on the left-hand side of your checkout editor to place it where you'd like.
Note: The "Information", "Shipping", and "Payment" pages of your checkout will all need their own widgets. The only exception to this rule is the "Order Summary" section, which persists in all pages