High Converting Checkout for Woocommerce Documentation

SSP — High Converting Checkout (Docs)

SSP Documentation

SSP High Converting Checkout

Overview

SSP High Converting Checkout is a professional WooCommerce checkout solution designed to maximize conversions. It features customizable fields with drag-and-drop reordering, automatic ZIP code lookup, trust badges, flexible account creation, and comprehensive styling options.

Why it converts: Every additional form field reduces conversions by 4-7%. This plugin lets you enable only the fields you need, positioned optimally for fast completion.
Admin LocationWooCommerce → High Converting Checkout
Shortcode[high_converting_checkout]
RequirementsWooCommerce 5.0+, PHP 7.4+

Checkout Fields

Manage which fields appear on checkout, their order, labels, placeholders, and required status.

Active Fields

  • Drag the handle (☰) to reorder fields.
  • Set a Custom Label to override the default.
  • Add Placeholder text inside the input.
  • Toggle Required on or off.
  • Click Disable to move a field to Available.

Available Fields

  • Click Enable to add a field to checkout.
  • Core fields: First Name, Last Name, Email, ZIP, Address, City, State, Country, Phone, Company.
  • Extra fields: VAT Number, Order Notes, Birthday.

Custom Fields

Add your own fields using the form at the bottom of the Fields tab:

  1. Enter a Field Key (auto-prefixed with billing_).
  2. Enter a Label and choose a Type (text, email, tel, textarea, checkbox, date, number).
  3. Optionally set a placeholder and mark as required.
  4. Click Add Field. Custom fields can be deleted anytime.
StorageCustom fields save to order meta as _billing_yourkey and display in admin order details.
ValidationRequired custom fields are validated at checkout; errors show if empty.

ZIP Auto-Fill

When enabled, entering a ZIP/postal code automatically populates City, State, and Country fields using the Zippopotam.us API.

  • Works for US, CA, UK, DE, and 60+ other countries.
  • Triggers after 3+ characters with a 500ms debounce.
  • Country is auto-detected from the response.
Positioning tip: Place ZIP code early in the field order (before City/State) for best UX. If you move it too low, you’ll see a warning in the admin.
Enable/DisableFeatures tab → ZIP code auto-fill checkbox.
APIFree public API, no key required. Requests are client-side only.

Styling Options

Customize colors and dimensions in the Style Checkout tab.

Colors

Primary ColorHeadings, accents, focus rings.
Button BackgroundPlace Order button fill.
Button HoverButton color on hover.
Button TextButton label color.

Dimensions

Input CornersBorder-radius for inputs (px).
Button CornersBorder-radius for Place Order button (px).
Button TextCustom label for Place Order button (e.g., “Complete Purchase”).

Trust Badge

  • Enable/disable the badge that appears above the payment section.
  • Customize the badge text (supports emoji).
  • Default: 🔒 Secure Checkout - Your information is protected with 256-bit SSL encryption
Conversion boost: Trust badges typically increase checkout completion by 5-15%.

Features

Toggle checkout behaviors in the Features tab.

Checkout Options

  • Hide coupon field – Remove distraction if not running promos.
  • Hide order notes – Cleaner form.
  • Hide privacy policy text – Less clutter below payment.
  • Allow guest checkout – Don’t force account creation.
  • ZIP code auto-fill – Enable postal lookup.
Best practice: Hiding the coupon field reduces abandonment from customers hunting for codes they don’t have.

Account Creation

Control how customer accounts are created at checkout.

DisabledNo account creation; guests only.
Auto-CreateAccounts are created automatically. Password is emailed to customer.
Customer ChoiceCheckbox lets customer opt-in. If checked, password fields appear.

How It Works

  • Email is validated to ensure no existing account.
  • Username is generated from email prefix (with random suffix if taken).
  • Billing address is copied to user meta.
  • Customer is logged in immediately after order.
  • Confirmation email is sent with login details.
Tip: “Customer Choice” balances flexibility and conversions – 25-35% of customers abandon when forced to create accounts.

Shortcode

The plugin automatically enhances the default WooCommerce checkout. For custom checkout pages, use the shortcode:

[high_converting_checkout]

How to Use

  1. Create a new Page (Pages → Add New).
  2. Title it “Checkout” or “Complete Your Order”.
  3. Paste [high_converting_checkout] in the content.
  4. Publish the page.

Page Builders

In Elementor, Divi, or similar, add a “Shortcode” widget and paste the shortcode.

Note: Shortcode only displays content when the cart has items. Empty cart shows a “Continue shopping” link.

Custom CSS

Add your own styles in the Custom CSS tab.

Disable Built-in Styles

Check Disable built-in styles to remove all default plugin CSS. Only your custom CSS (and WooCommerce defaults) will apply.

CSS Editor

  • Syntax highlighting via CodeMirror.
  • CSS is added inline after the built-in styles (if enabled).
  • Target the checkout form with .woocommerce-checkout or form.checkout.
/* Example: Make inputs taller */
.woocommerce-checkout input[type="text"] {
    min-height: 56px !important;
}

FAQ & Troubleshooting

ZIP lookup not working?

  • Ensure ZIP code auto-fill is enabled in Features.
  • Check browser console for blocked requests (ad blockers may interfere).
  • Some postal codes have no data in the API.

Styles not applying?

  • Clear any caching plugins.
  • Check if your theme overrides checkout CSS with high specificity.
  • Use !important in Custom CSS if needed.

Account not created?

  • Ensure account creation mode isn’t set to “Disabled”.
  • Check if email already exists in WordPress.
  • Verify passwords match (Customer Choice mode).

Custom field not saving?

  • Make sure the field is Enabled.
  • Check order meta in admin for _billing_yourkey.
  • Ensure field key has no spaces or special characters.

Compatible with my theme?

Works with any theme using standard WooCommerce checkout hooks. If your theme heavily customizes checkout, use the Disable built-in styles option and write custom CSS.