On-Page Checkout for WooCommerce

On-Page Checkout for WooCommerce adds a drag-and-drop Elementor widget that combines product selection and the full WooCommerce checkout form into a single page. No redirects, no separate cart page needed.

Key Features

• Add the On-Page Checkout widget anywhere in Elementor
• Support for simple and variable products
• Display variations as separate product cards with variation-specific images
• Single and multi-product selection modes
• Built-in per-card and global quantity selectors
• Out-of-stock badge with dynamic disabled state handling
• Searchable product selection control in Elementor editor
• Product Countdown widget with target date, auto-reset, and custom styles
• Product Scarcity widget with animated pulsing indicator, warning triangle, and live stock progress bars
• Configurable section headings (billing, shipping, order summary, payment, button text)
• Pre-select a product via a URL query string parameter
• Enable / disable and relabel individual checkout fields from the admin settings page
• Mobile collapsible order summary toggle button
• Responsive column controls and spacing controls
• Full WooCommerce payment gateway compatibility
• Responsive layout out of the box

Requirements

• WordPress 6.0 or later
• WooCommerce 6.0 or later
• Elementor 3.0.0 or later
• PHP 7.4 or later