Skip to main content
Creating Your First Checkout Widget

Guide through setting up a checkout widget in AfterSell, from selecting and creating the widget to customizing its style and behavior.

Armon Sho avatar
Written by Armon Sho
Updated over a week ago

In this article, we'll walk you through the process of setting up a checkout widget in AfterSell. To learn about the different widget types that are available, click here.

Let's get started.


Step 1: Selecting your widget

First things first, select the widget that aligns with your needs. Whether it's an upsell or testimonial widget, AfterSell offers a range of choices to cater to your preferences.

In this tutorial, we are going to select the upsell widget.


Step 2: Creating your widget

Click "Create Upsell" to start building out your upsell widget.


Step 3: Selecting a preset

Choose from a list of optimized widget presets or opt to start from scratch.


Step 4: Edit styling and behaviour

It's time to fine-tune the details. Adjust the styling and behavior of your widget to perfection. Tweak the triggering logic, refine the product selection, or add that final touch of polish to the design.


Step 5: Enable widget status

Ensure your widget status is set to active.

With your checkout widget now live in AfterSell, the final step awaits—placing the widget into your Shopify checkout. Looking to learn how? Click below to dive deeper into the process.

Did this answer your question?