Title: On-Page Checkout for Elementor Author: Md Shukur Miah Published: March 26, 2026 Last modified: March 26, 2026 --- Search plugins ![](https://ps.w.org/on-page-checkout-for-elementor/assets/banner-772x250.png?rev =3494221) ![](https://ps.w.org/on-page-checkout-for-elementor/assets/icon-256x256.png?rev= 3492236) # On-Page Checkout for Elementor By [Md Shukur Miah](https://profiles.wordpress.org/shukur5674/) [Download](https://downloads.wordpress.org/plugin/on-page-checkout-for-elementor.1.0.1.zip) * [Details](https://srd.wordpress.org/plugins/on-page-checkout-for-elementor/#description) * [Reviews](https://srd.wordpress.org/plugins/on-page-checkout-for-elementor/#reviews) * [Installation](https://srd.wordpress.org/plugins/on-page-checkout-for-elementor/#installation) * [Development](https://srd.wordpress.org/plugins/on-page-checkout-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/on-page-checkout-for-elementor/) ## Description On-Page Checkout for Elementor 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 * Built-in quantity selector * 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 * 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 ## Screenshots [[ [[ [[ ## Installation 1. Upload the `on-page-checkout` folder to the `/wp-content/plugins/` directory, or install the plugin through the WordPress Plugins screen. 2. Activate the plugin through the **Plugins** screen in WordPress. 3. Make sure both **Elementor** and **WooCommerce** are installed and activated. 4. Edit any page with Elementor, search for the **On Page Checkout** widget in the Elementor panel, and drag it onto the canvas. 5. In the widget settings panel, add one or more Product IDs or SKUs and configure the section headings as needed. 6. Optionally visit **W3 OPC Checkout Fields** in the WordPress admin to enable, disable, or relabel individual billing and shipping fields. ## FAQ ### Does this work with all WooCommerce payment gateways? Yes. The widget renders all payment gateways that WooCommerce makes available on the checkout, the same as the standard WooCommerce checkout page. ### Can I use multiple products on the same widget? Yes. Add as many Product IDs or SKUs as you need in the widget settings. Customers will see radio buttons to select a product before filling in their details. ### Does it support variable products? Yes. For variable products a dropdown is shown that lets the customer pick a variation before checkout. ### Can I pre-select a product using a URL parameter? Yes. Set the **Preselect Product by Query String Parameter** field in the widget settings to a parameter name (e.g. `product_id`). Visiting `yoursite.com/checkout- page/?product_id=42` will pre-select product 42. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “On-Page Checkout for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Md Shukur Miah ](https://profiles.wordpress.org/shukur5674/) * [ W3 Relations ](https://profiles.wordpress.org/w3relations/) [Translate “On-Page Checkout for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/on-page-checkout-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/on-page-checkout-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/on-page-checkout-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/on-page-checkout-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/on-page-checkout-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.0.1** * Last updated **7 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.10** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/on-page-checkout-for-elementor/) * Tags * [checkout](https://srd.wordpress.org/plugins/tags/checkout/)[elementor](https://srd.wordpress.org/plugins/tags/elementor/) [one page checkout](https://srd.wordpress.org/plugins/tags/one-page-checkout/) [woocommerce](https://srd.wordpress.org/plugins/tags/woocommerce/)[WooCommerce checkout](https://srd.wordpress.org/plugins/tags/woocommerce-checkout/) * [Advanced View](https://srd.wordpress.org/plugins/on-page-checkout-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/on-page-checkout-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/on-page-checkout-for-elementor/reviews/) ## Contributors * [ Md Shukur Miah ](https://profiles.wordpress.org/shukur5674/) * [ W3 Relations ](https://profiles.wordpress.org/w3relations/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/on-page-checkout-for-elementor/)