The difference between inline and checkout form layouts
WP Full Pay supports two types of payment form layouts:
- Inline
- Checkout
These layouts come with different visuals, and there are functional differences as well.
Inline forms
- Ideal for scenarios where there is ample screen space to display the entire form on a single page.
- All fields are displayed simultaneously, and when the payment button is pressed, the form is submitted.
- Suited for situations where users can complete the payment process without leaving the current page.
Checkout forms
- Suitable when screen space is limited or when embedding payment forms in a pricing table.
- Hosted by Stripe, meaning the actual payment form is on Stripe's platform.
- The plugin redirects visitors to the checkout form for payment and ensures they are redirected back to the starting page after completing the payment.
- Useful when a more compact or embedded form is preferred, and the payment process involves redirection to a dedicated checkout page.
Functional Differences:
- Inline forms allow users to complete the entire payment process on the current page, while Checkout forms involve redirection to a dedicated Stripe-hosted page.
- Checkout forms are advantageous when space is a constraint or when the desire is to embed payment forms within a specific context, such as a pricing table.
The choice between Inline and Checkout forms depends on the design preferences, available screen space, and the desired user experience for handling payments on your WordPress site.
The following table compares the two layouts in detail:
Inline | Checkout | |
---|---|---|
Visuals | The entire form is visible on the page | Only the (optional) product selector, and the button to open a form are on the page |
Payment location | On your website | On stripe.com’s hosted page |
Stripe customer behavior | Existing customer used on repeat purchase | New customer created on every purchase |
SCA / 3DS compliant | Yes | Yes |
PCI compliant | Yes | Yes |
Display languages | Danish, English, French, German, Italian, Japanese, Spanish | 34 languages |
Currency format | Configurable | Auto-detected |
Translate/change labels | Yes | No |
Product images shown | No | Yes |
Discounts | Coupons and promotional codes | Promotional codes |
Billing address | Supported | Supported |
Shipping address | Supported | Supported |
Custom fields | Supported | Supported (Displayed on the website, not on Stripe’s hosted page) |
Simple button layout | Not applicable | Yes |
Billing anchor day | Yes | No |
Email receipts | Plugin and Stripe | Plugin and Stripe |
Google reCAPTCHA | Supported | Supported |
Customer portal | Supported | Support with side effects, due to Stripe customer behavior (see above) |
Tax behavior | No tax, fixed, and dynamic via Stripe tax rates | No tax, fixed, and dynamic via Stripe tax rates |
Thank you page | Supported | Supported |