Shopify checkout customisation after WooCommerce (2026)

WooCommerce checkout customisation was nearly unlimited — with plugins like WooCommerce Checkout Field Editor, WooCommerce Checkout Manager, and custom code in functions.php, you could add, remove, or modify any checkout field. Shopify's checkout has historically been more locked down, with only branding customisation available on standard plans. Since Shopify Checkout Extensibility launched (late 2023, standard on all plans from 2024), significantly more customisation is possible without Shopify Plus. This guide covers what you can do and how it compares to WooCommerce.

Shopify checkout: what changed in 2024

• Checkout Extensibility: Shopify opened the checkout to third-party extensions on all plans (not just Plus). Extensions can add UI components to specific checkout sections without replacing the checkout.
• checkout.liquid deprecation: The old checkout.liquid template (Shopify Plus only) is deprecated from April 2024. New customisations use extensions — a cleaner, upgrade-safe approach.
• Checkout editor: Online Store → Customize → Checkout — visual editor for checkout branding and section layout (background, typography, logo placement).
• Checkout UI extensions: React-based components that inject UI into specific checkout sections. Deployed via Shopify's extension framework — no access to the checkout HTML directly.

What you can customise on all plans

• Branding: Logo, background colour, button colours, font, input field styling — all in the checkout editor (Online Store → Customize → Checkout)
• Order notes: Enable "Order notes" in Settings → Checkout → Order notes. Adds a text field for customer notes. Standard on all plans.
• Tipping: Enable tipping in Settings → Checkout → Tipping. Adds a tipping UI to checkout — relevant for service businesses, food delivery, and some retail.
• Form fields visibility: Show/hide company name, address line 2, and phone number fields in Settings → Checkout
• Customer accounts: Configure whether accounts are optional, required, or disabled
• Contact information: Choose email only, or email/phone
• Checkout extensions via apps: Install apps that use Shopify's checkout extension framework to add custom UI. Examples below.

Adding custom fields to checkout

This is the most common WooCommerce checkout request — adding custom fields (gift message, delivery date, VAT number, company name for B2B). Options:

• Order notes (native): Simple text area. Customers can enter any note — gift message, special instructions. No labelling or field type control.
• Checkout extension apps: Apps like Checkout Plus, Qikify Checkout Customizer, and Order Delivery Date add structured custom fields to checkout via the extension API:
  • Gift message field (text input)
  • Delivery date picker (calendar)
  • VAT/company registration number (for B2B)
  • Custom checkbox (gift wrapping: yes/no)
  • Instructions (text area)
• Data storage: Custom checkout fields stored as order note attributes or in Shopify metafields on the order object. Accessible in the order admin and via API.
• WooCommerce Checkout Field Editor equivalent: Checkout Plus (by Shopify) or Qikify Checkout Customizer — closest Shopify equivalents. Not as flexible as WooCommerce's unlimited field editor, but covers 90% of use cases.

Post-purchase upsells

The thank you page and order status page are valuable real estate for post-purchase offers:

• Post-purchase extensions (all plans): Shopify checkout extensibility includes the thank you page and order status page as extension targets. Apps can inject upsell offers after payment is confirmed.
• Reconvert: Most popular post-purchase upsell app. Adds product recommendations, cross-sells, and "complete the set" offers on the thank you page. One-click add-to-existing-order (without re-entering payment details).
• Shopify native upsells: Some upsell logic is available in the checkout editor — displaying complementary product recommendations. More limited than apps.
• WooCommerce Order Review page equivalent: WooCommerce's order received page customisations (related products, upsells) can be roughly replicated with Reconvert or a similar app.
• Email upsell sequence: Post-purchase email (sent via Klaviyo or Shopify email) with upsell offer 24–48 hours after delivery confirmation is often more effective than checkout-page upsells.

Checkout branding

• Logo: Online Store → Customize → Checkout → Header → Upload logo. Shown in checkout header.
• Favicon: set in theme settings, carries through to checkout
• Colours: background colour, form input border colour, button colour, error state colour — all configurable
• Typography: font family (matches your theme Geist/system fonts or can be different), size, weight
• Checkout URL: Shopify checkout always runs on checkout.shopify.com/{store-id} or the custom domain if configured. Ensure your SSL certificate covers this domain.
• Custom checkout domain: available on Plus. Standard plans use the Shopify subdomain checkout URL.

Checkout trust signals

• Security badges: add "SSL Secured", "Safe Checkout" badges to checkout via extension app or checkout editor
• Payment method icons: Shopify automatically shows payment method icons (Visa, Mastercard, PayPal, Apple Pay) at checkout
• Money-back guarantee: add a short trust message ("30-day returns guaranteed") below the payment section via checkout extension
• Customer reviews: showing social proof at checkout can reduce abandonment. Some checkout apps inject a review snippet or star rating.

What requires Shopify Plus

• Custom checkout logic (Shopify Functions): modify checkout pricing rules, discount logic, payment method visibility, delivery options based on custom conditions. Requires Plus for full functionality.
• Checkout custom CSS: deep CSS customisation of the checkout requires Plus.
• Draft orders checkout: creating custom checkout links from draft orders is Plus-only for some use cases.
• B2B checkout with company credit terms and net payment: Shopify B2B checkout is Plus-only.
• Checkout Extensibility custom development: building your own checkout extensions (not using an app) requires developer access — available on all plans, but custom extension development has associated agency cost.

Replacing WooCommerce checkout plugins

WooCommerce plugin	Shopify equivalent
WooCommerce Checkout Field Editor	Checkout Plus or Qikify Checkout Customizer
WooCommerce Gift Notes	Order notes (native) or Checkout Plus gift message field
WooCommerce Delivery Date	Zapiet or Order Delivery Date by Secomapp
WooCommerce VAT number field	Checkout Plus or manual checkout extension
WooCommerce One-Page Checkout	Shopify checkout is already a streamlined one-page-style flow
WooCommerce Order Bump	Reconvert post-purchase upsell or in-checkout upsell app
WooCommerce Social Login (Google/Facebook)	Shopify Shop Pay or customer account settings
WooCommerce Direct Checkout	Dynamic checkout buttons (native Shopify) for product page direct checkout

Checkout optimisation checklist

• Configure checkout branding: logo, brand colours, typography
• Enable order notes if customers need a message/instruction field
• If needed: install checkout extension app for structured custom fields (delivery date, gift message, VAT number)
• Enable tipping if relevant to your business type
• Install post-purchase upsell app (Reconvert) if upsells were used in WooCommerce
• Add trust signals: security badges, return policy note
• Verify all payment methods display correctly at checkout
• Test checkout flow on mobile (most checkouts happen on mobile — test on iOS and Android)
• Test checkout with: credit card, Apple Pay, PayPal, Klarna
• Verify order note content carries through to order admin
• Test post-purchase upsell: ensure it appears on thank you page after completed purchase
• Check checkout page speed — minimize the number of apps injecting scripts into checkout

The most common checkout configuration mistake after WooCommerce migration is over-engineering the checkout with too many apps and custom fields. WooCommerce stores often had 8–10 checkout fields because the plugin made adding fields trivially easy. Most of those fields weren't used by customers — but they were still there, adding friction. Shopify's checkout is intentionally streamlined. Before adding checkout fields, ask: does the business genuinely need this data at the point of purchase, or can it be collected another way (order confirmation email, customer account, post-purchase form)? The data suggests that every additional checkout field reduces conversion by a small but measurable amount. A migration is the right moment to strip the checkout back to essentials and add fields only if there's a clear operational need.