HS Checkout Customizer
for WooCommerce

Start with a simple Free checkout, your logo and an accent color. Choose Premium for ten classic designs, guided layouts, visual editing and custom checkout fields.

  • Start simply with Free.One responsive layout for classic checkout or Blocks, with native WooCommerce fields and payments.
  • Bring your storeโ€™s identity.Set your logo and an accent color in Free; add more visual controls in Premium.
  • Choose a richer design with Premium.Explore ten classic layouts, including guided steps, and preview a draft before applying it.
  • Collect extra details with Premium.Add supported custom fields to classic checkout. Essential native fields stay protected.

$89.00/year$0.00/yearSave $89.00

First year only ยท 1 site Then $89.00/year.

Choose your license
The two HookSpark mascots hold a large screen and point to an organized checkout with contact, delivery, payment and order summary. Concept illustration.
Add to cart

Auto-renews annually. Turn off renewal anytime in your account.

1 year of updates & support included.

30-day first-purchase refund, subject to our business terms and refund policy.

Development build ยท For staging.Version 0.4.0-alpha.6. Release verification is in progress. Separate Free edition: 0.1.3-dev, for staging.Availability and tested scope โ†’

CHOOSE. CUSTOMIZE. PREVIEW.

Customize your WooCommerce checkout page and fields.

Explore the Premium design tools below. For the simple Free layout, logo and accent color, compare the two editions.

Choose a WooCommerce multistep checkout or single-page template.

Choose from ten designs, including a single page, accordion and multistep checkout. Guided presents a linear sequence; Review adds a review screen before payment. Shoppers can return to edit their details, while missing required fields keep the relevant step open.

See how it works โ†’

Explore multistep checkout โ†’

The HookSpark geckos compare three checkout compositions.

Add checkout fields you need. Remove those you donโ€™t.

Add text, email, phone, long text, dropdowns and checkboxes to your classic checkout. Remove custom fields or hide supported optional fields, so shoppers only answer the questions your order needs. Essential fields stay protected, and previous orders keep their answers.

See how it works โ†’
One HookSpark mascot inserts a checkout field with a plus symbol while the other removes a field with a minus symbol.

Customize checkout design, colors, logo and text.

Bring your logo, decorative artwork, colors and typography together. Adjust the heading, introduction and help text, with separate control over decorative artwork on mobile.

See how it works โ†’
The HookSpark geckos personalize a checkout with color swatches and artwork.

Preview your custom checkout on desktop and mobile.

Keep your draft separate from the active checkout. Check desktop and mobile, save named designs and restore the previous configuration when you need it.

See how it works โ†’
The HookSpark geckos inspect a checkout on desktop and mobile before approving it.

05 / REUSE YOUR DESIGN

Export checkout templates and import them into another store.

Export your saved draft and import it into another store as a draft. Layout settings and classic field definitions travel together; shopper answers do not. Reselect local images, review the result and apply when ready.

  • Transfer configuration without shopper data
  • Preview the imported draft before applying
Explore design transfer
The two HookSpark mascots export a checkout configuration from one store and import it into another.

THE PLUGIN IN PRACTICE

See how it works in WooCommerce.

Real examples from the plugin interface. Open an image to inspect the details.

Choose a checkout design from the complete template library.
Choose a checkout design from the complete template library.
Edit Classic checkout fields in the plugin settings.
Edit Classic checkout fields in the plugin settings.

Screenshots show the English interface. Demo products, prices and settings are examples.

LESS IMAGINING. MORE TRYING.

Try your next WooCommerce checkout.

Explore the checkout as a customer. Make it yours as a store owner.

ADMIN DEMO

Make it your store.

Change layouts, branding and classic checkout fields, then preview your design.

Try admin demo

Your personal admin demo lasts 60 minutes. Use sample details: no real payments or external emails.

CHECKOUT FIELDS

Edit classic checkout fields for your order details

Add text, email, phone, long text, dropdowns and checkboxes to classic checkout. Change labels, order and supported optional fields, while essential details stay protected.

Preview a saved draft, apply deliberately and keep answers with the orderโ€”even after you remove a field.

Explore the field editor โ†’

FREE OR PREMIUM?

Start with a simple checkout. Add more design choices with Premium.

Free provides one responsive layout, your shop logo and an accent color. Premium adds the design library, visual editor and classic checkout fields.

Checkout Customizer Free and Premium comparison
What you can doFreePremium Separate plugin
Native WooCommerce checkout and payments Included Included
Responsive single-page checkout Included Included
Shop logo and accent color Included Included
English and Italian settings Included Included
Ten classic layouts, including guided designsNot included Included
Advanced colors, typography, artwork and textNot included Included
Custom fields for classic checkoutNot included Included
Draft preview and restore previous designNot included Included
Saved designs and design import/exportNot included Included
Choose your editionDownload FreeChoose Premium

Free 0.1.3-dev is a development build for staging. Premium 0.4.0-alpha.6 is a separate plugin available with an annual license. Premium takes precedence when both are active. Settings are retained separately. Read the Free guide and tested scope.

Keep WooCommerce checkout validation and totals

Fields, totals, shipping, validation and payment stay with WooCommerce. A Premium local guest-order test combined Min/Max, Dynamic Pricing, Product Options & Add-Ons and Cart Notices & Checkout Messages with the expected โ‚ฌ100.80 total and retained order details.

See exact versions and limits โ†’

Compatibility

Selected local checks; open the details for exact versions and limits.

Tested scenarios and limits

Checkout customizer compatibility and current limits

Requires WordPress 6.8+, WooCommerce 10.6+ and PHP 8.2+. Tested locally on WordPress 7.1.1, WooCommerce 11.1.0 and PHP 8.2.29, with HPOS. Classic checkout was tested on Twenty Twenty-Five 1.5 and a Review virtual mobile order on Storefront 4.6.2.

Classic templates need classic-compatible field and payment plugins. Focus and Compact preserve native Blocks. Stripe, PayPal, wallets and 3DS remain unverified; minimum versions and wider accessibility/theme coverage remain release gates.

Tested platform

WordPress 7.1.1, WooCommerce 11.1.0 and PHP 8.2.29 in the local lab. The minimum-version matrix and online payment gateways remain under review. Checkout field editing applies to classic checkout.

Astra and WPML: tests of 6 October 2026

Checkout Customizer Free 0.1.0-dev passed selected native Blocks checks on WordPress 7.1.2, WooCommerce 11.1.0, PHP 8.2.29, HPOS, Astra Free 4.14.0/Pro 4.13.10, WPML CMS and String Translation 5.1.0, and WooCommerce Multilingual 5.6.2. Premium 0.4.0-alpha.2 exposed duplicate payment controls and a narrow order review in Astra Pro Classic checkout; the separate 0.4.0-alpha.3 candidate corrected these observed cases in local native, HTTP and browser checks.

The 0.4.0-alpha.3 fix is a local candidate awaiting coordinated release. WPML coexistence was checked only in the original English language; translated merchant fields, gateways, wallets, 3-D Secure, assistive technology and the full theme matrix remain unqualified. These selected local checks do not certify every theme module, translated custom field, currency, browser, builder or cache setup.

Elementor Free and Pro: 9 October 2026

Checkout Customizer Free preserved the Pro Checkout widget and added its header. The Free Shortcode checkout also completed a mobile test order. Premium Classic checkout retained required custom fields in a native order.

Premium Classic mode owns the checkout layout: use that layout instead of expecting Elementor Pro to design the same form. Gateways, wallets and all checkout widgets require separate testing.

Checked with Elementor Free 4.3.4 and Pro 4.3.1 on WordPress 7.1.3, WooCommerce 11.1.0 and PHP 8.2.29.

PRODUCT CHANGELOG

Latest updates

Recent development updates. Select a row to read the details.

HS Checkout CustomizerElementor Free and Pro: tested WooCommerce pathsTested 0.4.0-alpha.6

HS Checkout Customizer ยท 10 Oct 2026 ยท Tested version 0.4.0-alpha.6

Selected local builder checks โ€” see scope and limits

Elementor Free and Pro: tested WooCommerce paths

  • Checkout Customizer Free preserved the Pro Checkout widget and added its header. The Free Shortcode checkout also completed a mobile test order. Premium Classic checkout retained required custom fields in a native order.
  • Premium Classic mode owns the checkout layout: use that layout instead of expecting Elementor Pro to design the same form. Gateways, wallets and all checkout widgets require separate testing.
  • Test stack: Elementor Free 4.3.4 / Pro 4.3.1, WordPress 7.1.3, WooCommerce 11.1.0, PHP 8.2.29, Twenty Twenty-Five.
  • All supplied editions include dated compatibility notes inside their ZIP package; the first browser checks were recorded on 9 October and final native checks on 10 October.
Explore the plugin โ†’
HS Checkout CustomizerConnect your AI and review configuration proposals0.4.0-alpha.5

HS Checkout Customizer ยท 8 Oct 2026 ยท Version 0.4.0-alpha.5

Optional AI access โ€” human approval required

Connect your AI and review configuration proposals

  • Read supported plugin configuration and prepare validated proposals through the official WordPress MCP Adapter.
  • Use one HookSpark AI access switch and review screen for installed plugins; the same WordPress user approves changes within 15 minutes.
  • Manual configuration remains available. AI proposals do not automatically apply changes or execute customer transactions.
Explore the plugin โ†’
HS Checkout CustomizerAstra compatibility: Classic checkout layout correction0.4.0-alpha.4

HS Checkout Customizer ยท 6 Oct 2026 ยท Version 0.4.0-alpha.4

Compatibility documentation update โ€” selected tests and limits apply

Astra compatibility: Classic checkout layout correction

  • Correct the duplicate payment/place-order controls and narrow review column observed with Astra Pro Classic split checkout.
  • Selected native, HTTP and browser checks passed; gateways, translated merchant fields and full theme compatibility remain open.
  • Package documentation: 0.4.0-alpha.4 includes the dated compatibility note; underlying test versions and limitations are recorded below.
Explore the plugin โ†’

View all updates โ†’

WooCommerce checkout customization: common questions

Can I add or remove checkout fields?

Yes, in classic designs. Add six types of custom fields, change labels and display order, and hide or change requirements for supported optional standard fields. Essential fields are protected. Blocks field editing and unrestricted section dragging are not included.

Does selecting a design change my live checkout?

No. Save draft retains your work; Apply to checkout activates it. Restore previous returns to the last active configuration.

Will my payment methods work?

WooCommerce still processes payments. Your gateway must support the selected engine. Online gateways and 3DS have not been certified by our current offline tests.

Can I try the admin?

Yes. Start a personal 60-minute sandbox from the demo page. It uses synthetic data, restricted permissions and simulated payment; media uploads are restricted.

Is it available to buy?

Yes. Choose a license plan below. Your account provides downloads and updates while your license is active. The license selector shows the payment currency, the first-year offer and the annual renewal amount for each plan.

What was tested with Astra and WPML?

Selected local scenarios were run on WordPress 7.1.2, WooCommerce 11.1.0, PHP 8.2.29, HPOS, Astra Free 4.14.0/Pro 4.13.10, WPML CMS and String Translation 5.1.0, and WooCommerce Multilingual 5.6.2. Results differ by edition; the compatibility section above records the observed behavior, failures and untested paths.

OPTIONAL AI CONNECTION

Describe your setup. Review the proposal.

Connect your compatible AI client to read supported settings and prepare a configuration proposal. Prepare changes to supported checkout settings before saving them.

  1. Enable access once in HookSpark โ†’ Connect your AI.
  2. Ask your AI to prepare supported changes.
  3. Review the details in WordPress and approve before anything is saved.

One connection serves your installed HookSpark plugins. Manual controls remain available. Proposals expire after 15 minutes and must be approved by the same WordPress user.

See connection requirements, supported actions and setup steps โ†’

Try the WooCommerce checkout customizer

Compare the checkout first. Then try editing it in your own demo.

Screenshot preview