Plugin Overview
Woo Checkout Pro is a WooCommerce checkout optimization plugin. It replaces the default WooCommerce checkout experience with conversion-focused layouts, styling controls, and post-purchase pages.
What it does
- Replaces the default WooCommerce checkout template with a dedicated full-page checkout layout (no theme header/footer clutter on supported setups).
- Offers three checkout themes: Classic, Modern, and Express (Shopify-style single-page layout; default on fresh install).
- Adds a custom Thank You (order-received) page with order summary, customer details, optional map, and custom content blocks.
- Provides Checkout Elements — reusable content blocks (trust badges, messages, HTML) placed at precise positions on checkout or thank-you pages, with optional conditional rules (cart total, products, user role, etc.).
- Improves the order review sidebar: product thumbnails, quantity controls, remove links, coupon placement, and mobile-friendly order summary toggle.
- Supports Google Address Autocomplete, international phone country selector, custom branding header, and Custom CSS in admin.
Who it is for
- WooCommerce store owners who want a faster, cleaner checkout.
- Agencies building high-converting D2C stores.
- Merchants who want Express / one-page checkout similar to Shopify.
Key benefits
| Benefit | Description |
|---|---|
| Higher conversion | Fewer steps, clearer layout, mobile-optimized summary |
| Brand control | Logo, colors, gradients, custom CSS |
| Flexible content | Checkout Elements with conditional display |
| Better post-purchase | Custom thank-you page with map and order recap |
| Payment gateway friendly | Works with standard WooCommerce gateways (Stripe, PayPal, COD, etc.) |
Requirements
| Requirement | Version |
|---|---|
| WordPress | 5.8+ (recommended latest) |
| WooCommerce | 7.0+ (tested up to 8.5) |
| PHP | 7.4 or higher |
| MySQL | Standard WordPress requirements |
Optional:
- Google Cloud API key — required for Address Autocomplete and Thank You page map (Places / Maps Embed).
- Page builder (Elementor, Divi, Breakdance, Bricks, Beaver Builder, Visual Composer) — only if using "Custom Header & Footer" on checkout.
Compatibility notes:
- Declares compatibility with WooCommerce HPOS (High-Performance Order Storage / custom order tables).
- Designed to work alongside major themes; uses its own checkout template wrapper when the plugin checkout template is active.
Installation
Step 1 — Install the plugin
- Download or copy the
pw-checkout-profolder into:wp-content/plugins/pw-checkout-pro/ - In WordPress admin go to Plugins → Installed Plugins.
- Find Woo Checkout Pro Plugin and click Activate.
Note: WooCommerce must be installed and active. If WooCommerce is missing, the plugin will not load its frontend features.
Step 2 — First-time setup
- Go to WooCommerce → Woo Checkout Pro (settings screen).
- Open the Appearance tab → Theme section.
- Select a theme (Express is the default on new installs).
- Configure Header Styles and Checkout Styles (colors, logo).
- Open Integrations → add your Google API Key if using autocomplete or thank-you map.
- Click Save Changes.
Step 3 — Enable custom Thank You page (optional)
- Go to Thank You Page tab.
- Enable Enable Thank You Page.
- Add custom content and choose Content placement.
- Save and place a test order to preview.
Step 4 — Verify on storefront
- Add a product to cart.
- Go to Checkout (
/checkout/). - Confirm the Woo Checkout Pro layout loads (custom header, sidebar order review on desktop).
Activation behavior
On first activation, the plugin may set default options (e.g. Express as the selected theme) if no settings exist yet.
Where It Appears in WordPress
Admin menu
| Location | Label | URL pattern |
|---|---|---|
| Under WooCommerce | Woo Checkout Pro | wp-admin/admin.php?page=PW-Checkout-Pro-settings |
The settings screen has horizontal tabs at the top:
- Appearance
- Checkout Page
- Thank You Page
- Integrations
Checkout Elements (separate menu)
| Location | Label |
|---|---|
| Under WooCommerce (after Woo Checkout Pro) | Checkout Elements |
Here you create and manage individual elements (posts of type pw_checkout_pro_elements). Each element has:
- Position on checkout or thank-you page
- Conditional rules (optional): cart total, products in cart, product categories, user role
- Content (block editor)
Storefront pages
| Page | WooCommerce endpoint | Plugin role |
|---|---|---|
| Checkout | /checkout/ | Full replacement template (template-classic.php, template-modern.php, or template-express.php) |
| Order received | /checkout/order-received/{id}/ | Custom thank-you layout when enabled |
| Order pay | /checkout/order-pay/{id}/ | Uses common pay template with plugin styling |
What customers see
- Checkout: Branded header (logo or text), main form area, order summary sidebar (right on desktop; collapsible on mobile for Express/Modern).
- Thank you: Two-column layout — left: confirmation, content, customer details, payment info; right: order line items and totals.
Admin Settings
Settings are stored in the WordPress option: PW_Checkout_Pro_settings.
Appearance Tab
Controls visual theme, header, colors, and custom CSS.
Theme (section)
| Setting | Type | Description |
|---|---|---|
| Choose Theme | Image radio | Select Classic, Modern, or Express. Default: Express. |
Classic — Traditional multi-step checkout with stepper (Details → Address → Payment).
Modern — Card-based multi-step flow with refined UI.
Express — Single-page, Shopify-inspired layout: Contact + Delivery on the left, sticky order summary on the right.
Header Styles (section)
| Setting | Type | Description |
|---|---|---|
| Header Type | Select | Text or Image branding. |
| Header Image | File upload | Logo image (recommended 200×40px). |
| Header Text | Text | Title text (default: "Checkout"). |
| Header Font Family | Select | Web safe or Google fonts. |
| Header Background | Radio | Use Primary Color, Use Custom Color, or Use Gradient. |
| Custom CSS | Code editor | Additional CSS injected on checkout/thank-you. |
Checkout Page Tab
General Settings (section)
| Setting | Type | Description |
|---|---|---|
| Show Company Field | Toggle | Show company field in billing details. |
| Use Address Autocomplete | Toggle | Google Places autocomplete (requires API key). |
| Show "Back to Shop" button | Toggle | Return to shop from checkout. |
| Auto Apply Coupon | Text | Coupon code applied automatically. |
| Hide Coupon Field | Toggle | Hide coupon input on checkout. |
| Enable Phone number Country Code Selector | Toggle | International phone input with flags. |
| Checkout Custom Note | Editor | Rich text note on checkout. |
User Settings (section)
| Setting | Type | Description |
|---|---|---|
| Assign Guest Orders | Toggle | Link guest orders when email matches a user. |
| Existing User | Select | Login offer behavior when email exists. |
Mobile Settings (section)
| Setting | Type | Description |
|---|---|---|
| Coupon Field position on mobile | Select | On Payment Step or Within Order Summary. |
Thank You Page Tab
| Setting | Type | Description |
|---|---|---|
| Enable Thank You Page | Toggle | Replace default WooCommerce thank-you layout. |
| Show Map | Toggle | Google Map embed of shipping address. |
| Thank You Page Content | Editor | Custom HTML/content blocks. |
| Content placement | Select | Where to inject custom content. |
| Contact Page | Page dropdown | Page for "Need help? Contact us" link. |
Integrations Tab
| Setting | Type | Description |
|---|---|---|
| Google API Key | Text | For Address Autocomplete and Thank You map. |
Checkout Themes
Classic
- Layout: Multi-step with visible stepper (Details → Address → Payment).
- Steps: Details → Address → Payment.
- Best for: Stores wanting familiar stepped checkout with progress indicator.
Modern
- Layout: Multi-step card-style sections with refined UI.
- Best for: Clean, contemporary multi-step experience.
Express (default)
- Layout: Single-page checkout inspired by Shopify.
- Left column: Contact, Delivery, Shipping, Payment.
- Right column: Sticky order summary with cart items, coupon, totals.
- Mobile: Order summary accordion at top.
- Best for: D2C brands, single-page conversion-focused flows.
Checkout Page (Storefront)
Page structure
┌─────────────────────────────────────────────────────────┐
│ HEADER (logo/text, optional back to cart) │
├──────────────────────────┬──────────────────────────────┤
│ MAIN (forms) │ ORDER REVIEW (sidebar) │
│ - Contact / Details │ - Cart line items │
│ - Address / Delivery │ - Quantity +/- │
│ - Shipping (Express) │ - Coupon │
│ - Payment │ - Subtotal, shipping, tax │
│ │ - Total │
└──────────────────────────┴──────────────────────────────┘
Features on the checkout page
| Feature | Description |
|---|---|
| Order review sidebar | Live-updating cart via WooCommerce update_checkout AJAX. |
| Quantity controls | Increase/decrease qty in sidebar. |
| Remove item | Remove line items from sidebar. |
| Coupon | Apply/remove coupons. |
| Login | Guest login reminder / inline or popup per settings. |
| Address autocomplete | Google Places fills address fields. |
| International phone | Country code selector with validation. |
| Payment methods | All WooCommerce gateways supported. |
| Checkout Elements | Custom HTML/blocks at 20+ hook positions. |
Express-specific UX
- Headings: Contact, Delivery, Shipping, Payment.
- Single-page layout; stepper hidden.
- Shipping methods above Payment on the left column.
Mobile behavior
- Express: Top bar with order total + "Show/Hide order summary".
- Modern/Classic: Coupon position configurable on mobile.
Thank You Page (Order Received)
Available when Enable Thank You Page is on in settings.
Layout
┌─────────────────────────────────────────────────────────┐
│ HEADER (same branding as checkout) │
├──────────────────────────┬──────────────────────────────┤
│ LEFT (50%) │ RIGHT (50%) │
│ - Order # + Thank you │ - Your Order (n items) │
│ - Custom content block │ - Product list + images │
│ - Map (optional) │ - Subtotal, discounts │
│ - Customer details │ - Order total │
└──────────────────────────┴──────────────────────────────┘
Left column sections
- Order status — Order number + thank you message
- Custom content — From Thank You Page Content setting
- Map — Google Map of shipping address (optional)
- Customer details — Contact, billing, shipping, payment method
- Downloads — Digital products if applicable
- Footer — Contact link + Continue Shopping
Right column
- Line items with thumbnails, quantities, totals.
Checkout Elements
Admin: WooCommerce → Checkout Elements → Add New.
What are Checkout Elements?
Reusable content blocks (WordPress block editor) injected at specific positions on checkout or thank-you pages.
Configuration per element
| Field | Description |
|---|---|
| Content | Block editor content (HTML, images, shortcodes). |
| Position | Hook position on checkout or thank-you page. |
| Conditions | Optional rules — cart total, products, categories, user role. |
Condition types
- Cart total — is / is not / less than / greater than
- Product(s) — in cart / not in cart
- Product category — in cart / not in cart
- User role — logged-in role matching
Example use cases
- Trust badges below payment section
- Urgency banner before place order button
- VIP-only message for wholesale role
- Thank-you page upsell block after order status
Compatibility & Integrations
Payment gateways
Works with standard WooCommerce payment gateways:
- Stripe (including express payment buttons)
- PayPal
- Cash on Delivery (COD)
- WooCommerce Payments
- Authorize.net and others
Themes & builders
- Dedicated checkout templates when plugin template is active.
- Optional Custom Header & Footer with Elementor, Divi, Breakdance, Bricks, Beaver Builder, Visual Composer.
WooCommerce features
- Cart fragments and
update_checkoutAJAX. - Coupons, shipping zones, taxes.
- Guest checkout and account creation.
- HPOS (custom order tables) declared compatible.
Developer Hooks Overview
For custom integrations, common extension points include:
| Hook / Filter | Purpose |
|---|---|
PW_Checkout_Pro_custom_steps | Modify checkout steps (Classic/Modern). |
PW_Checkout_Pro_Elements_positions | Add custom element positions. |
PW_Checkout_Pro_is_PW_Checkout_Pro_template | Control whether plugin template loads. |
PW_Checkout_Pro_checkout_script_data | Localize data to frontend JS. |
PW_Checkout_Pro_thankyou_content | Filter thank-you custom content. |
PW_Checkout_Pro_thankyou_map_url | Filter Google map embed URL. |
pw_checkout_pro_disabled | Disable entire plugin via filter. |
Frontend JS exposes pw_checkout_pro_data_vars and uses WordPress hooks for filters like shipping row element.
Quick Reference — Admin URLs
| Screen | Path |
|---|---|
| Main settings | /wp-admin/admin.php?page=PW-Checkout-Pro-settings |
| Checkout Elements list | /wp-admin/edit.php?post_type=pw_checkout_pro_elements |
| Add Checkout Element | /wp-admin/post-new.php?post_type=pw_checkout_pro_elements |