Create an embedded checkout to let customers complete their purchase directly on your site. This guide walks you through creating the checkout and choosing your preferred payment method layout (Inline or Stacked).

## Create your embedded checkout 1. In the FastSpring app, go to **Checkouts** > **Embedded Checkouts**. 2. Click **Create Embedded Checkout** (top-right). The **Create Embedded Checkout** modal opens.

Create Embedded Checkout modal showing company sub-directory ID field and layout options for Inline or Stacked View

3. Under **Company Sub-directory Checkout ID**, enter a unique ID for your checkout. * This ID becomes part of the checkout URL and cannot contain spaces. 4. Under **Choose Your Payment Method Layout**, select how payment options appear during checkout: * **Inline View** A horizontal payment method layout that supports all checkout fields (address, company, phone, billing contact, gifts, quotes). * **Stacked View** A vertical accordion layout optimized for fast, mobile-friendly checkouts that collect only basic customer details. > **Note:** Inline View is selected by default. 5. Click **Create** to save your new embedded checkout. > **Tip:** You can switch between layouts at any time in **Settings** > **Checkout**.

## Compare payment method layouts If you want to understand the visual and functional differences between **Inline View** and **Stacked View**, use the comparison below to choose the option that best fits your store.

### Layout summary Horizontal payment method buttons that support the full set of checkout fields.

Inline view checkout showing horizontal payment method buttons for Card, PayPal, and other options

### When to use this layout * Collecting detailed buyer information * Supporting B2B purchases that require invoices * Stores that require address, company, or phone information ### Field support Supports all checkout fields, including: * Address fields * Company name * Phone number * Separate billing contact * Gift purchases * Generate quote * Invoices ### Layout summary Vertical, mobile-friendly accordion for a fast checkout with basic customer details.

Stacked View checkout showing express payment options on the left and standard payment accordions on the right

### When to use this layout * Mobile-first experiences * Simple, fast checkouts that collect only minimal customer details ### Limitations Does **not** support: * Invoices * Generate quote * Separate billing contact * Gift purchases * Company field * Collect physical address * Collect phone number ### UI behavior The stacked layout prioritizes **express payments** for speed while keeping **standard payment methods** accessible in an expandable list. #### Express payments * Apple Pay and Google Pay (if available) appear at the top for fast, single-step purchases. * For returning customers, **1ClickPay** may also display here as an additional express option. * A divider labeled “OR” separates express payments from standard methods below. #### Standard payments * Standard methods (for example, Card, PayPal, Amazon Pay) display as stacked accordions below the divider and expand inline when selected. * Up to **four** payment methods display by default. If only one method is available, it appears as a single expanded section. * All payment tiles inherit your checkout’s theme styling, including dark-mode compatibility and color treatments.

## FAQs It depends on your checkout goals. **Inline View** works best when you need to collect detailed buyer information or support B2B purchases that require invoices or company details. **Stacked View** is ideal for mobile-first or simplified checkouts that focus on speed and minimal fields. You can preview both and switch layouts at any time in **Settings** > **Checkout**. Yes. You can switch between **Inline View** and **Stacked View** at any time from **Settings** > **Checkout**. The change applies instantly and doesn't affect your checkout's existing styling or configuration. Both layouts support the same standard payment methods. If your checkout includes multiple methods, any additional methods are grouped under a **More options** section. The key difference is that B2B payment methods such as **Quote** and **Invoice** are not available in Stacked View. Switch to **Inline View** if you need to support those B2B options.