In this article
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.
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:
- Click the payment form on your page, and make sure you’re on the “Payment” tab in the left-hand sidebar.
- Press Add an Item.
- Select your product and SKU from the drop-down menus, then click Save.
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).
The payment widget includes the following fields:
- Email Address (used for email receipts)
- Card Number
- Expiration Date
- 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.