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: The Checkout Widget is currently in private beta. Stay tuned, a public beta is on its way soon. 

In this article

Add a checkout form

Sell a product

Additional form options

Add a checkout form

To start selling an item, drag a checkout widget from the widget panel and place it on your Leadpage. A basic payment form will appear, along with its settings sidebar. 

TIP: You can also sell items from a Leadbox—whether it’s on your Leadpage or your site. To do so, delete the basic form from the default Leadbox and add a checkout widget in its place. 

Connect to Stripe

If it’s your first time using the payment widget, 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. 

You can also manage your Stripe integration from Leadpages account settings. To do so, click your name in the top-right corner of your Leadpages dashboard, then select Integrations › Payment Gateways.

Sell a product

When you set up a checkout widget, you’ll need to specify a product to sell. More specifically, each checkout widget 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 the checkout widget—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:

Keep in mind, you’ll need at least one product with one SKU in Stripe in order to use Leadpages’ payment widget. Once you do, here’s how to select your product for your payment widget:

  1. Click the payment form on your page, and make sure you’re on the “Payment” tab in the left-hand sidebar.
  2. Press Add an Item.
  3. Select your product and SKU from the drop-down menus, then click Save.

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 a checkout widget to collect other information about your customers—just like on any other form. To customize your form’s integrations, navigate to the “Integrations” tab in the payment widget’s settings sidebar. Then, add your email service provider, webinar service, or other integrations. 

For a full guide on configuring your form’s integrations, please see our article here: Setting Up Integrations (Drag & Drop Builder).

Customize fields

The payment widget includes the following fields:

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

These fields are not customizable to ensure that you can collect payments through Stripe. If you add an integration (such as your email service provider) you can 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 your form’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.

(Updated May 15, 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?
0 out of 0 found this helpful
Powered by Zendesk