Add-on Sales
An add-on sale is a separate product you can attach to an offer. It is created first as a standalone element, then attached to an offer with a position — Order Bump (inline at checkout before payment) or Pre-upsell (after form submission, before the payment method view).
Add-on Sale Type
An add-on sale must have a type that determines how it affects the order:
| Type | Description |
|---|---|
| Add to order | Adds a new product to the order. The customer purchases both the original offer's products and the add-on product. |
| Upgrade product | Replaces one of the offer's products with the add-on product. E.g. basic version → premium version. You choose which product the add-on replaces. |
Position in the Offer
When an add-on sale is attached to an offer, a position is chosen:
| Position | Description |
|---|---|
| Order Bump | Shown inline in the checkout view before payment. The customer sees the add-on directly alongside the order form and can add it to their order with one click. |
| Pre-upsell | Shown on a full-screen offer page after the form is submitted, before the payment method view. The customer can accept or skip the offer before proceeding to payment. |
Multiple add-on sales can be attached to the same offer in different positions.
Product and Price
Choose a product for the add-on sale and set a price. See: Pricing
Set prices for all currencies and localize the name and description for all languages used in the checkout. The more completely an add-on sale is configured, the more offers it can be attached to.
| Asetus | Kuvaus |
|---|---|
| Product | The product to attach to the add-on sale, from your product list. |
| Product Name | Customer-facing name. Overrides the product's default name. Localizable. |
| Short Description | Optional. A short product description. Localizable. |
| Price | The add-on sale price per currency. See: Pricing. |
Content Blocks
The add-on sale's appearance is built with content blocks. Blocks are organized into two contexts:
- Box — shown directly in the checkout view alongside the Order Bump. Intended for a short, compelling introduction.
- Dialog — opened full-screen when the customer clicks "More info" (Order Bump) or opens the Pre-upsell. Suitable for more detailed content.
The Pre-upsell uses only the Dialog context blocks.
Block Types
| Block Type | Description |
|---|---|
| Banner | A highlighted text banner with optional color and star icon. Suitable as a main headline or price highlight. |
| Video | An embeddable video as an iframe code. Supports e.g. YouTube, Vimeo, and Wistia videos. |
| Image | An image with orientation (square or landscape), size (small, medium, large), and alignment (left, centered, right). |
| Text | Formatted text content (headings, bold, links, etc.). |
| Feature List | A list of features or benefits presented with checkmarks. |
Multiple blocks can be added and arranged freely. Content can also be localized per language.
Post-Purchase Upsell via the Success Page
Post-purchase upselling is not handled by a separate add-on sale feature but by a checkout link. Redirect the customer after purchase to a success page that contains a checkout link to another offer.
When a customer navigates from the success page to a new checkout, the billing form is pre-filled with their previous details — the customer does not need to re-enter their information.
See: Checkout Links
Checkout Links
A checkout link is a URL you share with customers. It points to a specific offer and opens the checkout view. Checkout links are the primary way to track where your sales come from.
Discount Codes
Discount codes let you give customers a percentage-based or fixed-amount discount at checkout. Codes can be restricted to specific products, validity periods, or usage limits.