ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

The Checkout Widget

NOTE: Checkouts are available to Pro and Advanced customers.
 

Add a Checkout

To start selling your product, drag a Checkout from the widgets panel and place it on your Leadpage or Leadbox. A basic form will appear, along with its settings sidebar. 

TIP: To sell items from a Leadbox on your Leadpage or your site, delete the basic form from the default Leadbox and add a Checkout in its place. 

Connect to Stripe

If it’s your first time using the Checkouts, click Connect Stripe Account in the left sidebar. Or, create a new account at https://dashboard.stripe.com/register if you’re not already using Stripe. 

Sell a product

When you set up a Checkout, you’ll need to specify a product to sell. More specifically, each Checkout must have a product and a specific SKU, as shown below. Keep in mind, you must set up a product and SKU in Stripe before you can use it in a Checkout—review the section below for full details.

Add a product from Stripe

Stripe has in-depth resources that cover how to set up products (including best practices). We recommend taking a look at their “Orders Guide” as you configure your account:

About Products and SKUs

A product in Stripe can be a physical or digital item, such as a T-shirt, ebook, or even software. When you create a product, you can define attributes to describe various properties. For instance, if you’re selling a T-shirt, you might have color and size attributes. 

NOTE: While attributes are used to define SKUs, they are not the same as SKUs. You must create SKUs in your product’s inventory section.

An SKU is an instance of your product with specific attributes. To continue with the T-shirt example, a blue, medium T-shirt would make up one SKU. You can add SKUs in your product’s inventory section, as shown below.

Keep in mind, you’ll need at least one active product with one SKU in Stripe in order to use Checkouts. Once you do, here’s how to select your product in a Checkout’s settings:

  1. Click the form on your page or Leadbox, and navigate to the “Payments” tab in the left-hand sidebar.
  2. Select your product and SKU from the drop-down menus.

If your chosen product is marked as “shippable” in Stripe, shipping-related fields will automatically be added to your form. Note that all active products will appear in Leadpages—if you don’t see your product listed, try clicking the refresh button and make sure your product is set to “active” in Stripe.

If you’d like to display information about your product on your form, be sure to toggle the switch next to “Add an itemized summary on your form”. 

Additional form options

Add an integration

Besides processing transactions, you can use Checkouts to collect other information about your customers—just like you can with any other form. To do so, navigate to the “Integrations” tab in a Checkout’s settings sidebar. Then, add your email service provider, webinar service, or other integrations. 

For a full guide on how to configure your form’s integrations, check out: Setting Up Integrations (Drag & Drop Builder).

Customize fields

Checkouts collect the following required fields:

  • Email Address (used for email receipts)
  • Card Number
  • Expiration Date
  • CVC/CVV
  • Billing ZIP Code

To ensure that you can collect payments through Stripe, these fields are not customizable. If you select a shippable product to sell, your form will also include required shipping related fields. 

You can add an integration (such as your email service provider) to collect additional information from your customers. Your customers’ email address will get sent to Stripe and any other integrations. However, other custom fields (such as name, phone number, etc.) will only get sent to additional integrations, not Stripe. 

Customize a Checkout’s appearance

You can customize your buy button’s color, style, and hover state just like a regular form widget. It will automatically display “Pay X.XX.” While you can edit the “Pay” text, the price will always reflect information from Stripe, and can’t be edited manually from Leadpages.

Frequently asked questions

For quick answers on everything from product setup to form customization, check out: Checkouts: Frequently Asked Questions.

(Updated August 01, 2017)


Please let us know if you have additional questions.

You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.

Was this article helpful?
12 out of 13 found this helpful
Powered by Zendesk