# On-Page Checkout for Elementor

A custom Elementor widget to display WooCommerce products and enable on-page checkout.

## Installation

1.  **Download the plugin:** Download the `on-page-checkout.zip` file.
2.  **Upload to WordPress:**
    *   Go to your WordPress dashboard.
    *   Navigate to `Plugins > Add New`.
    *   Click on the `Upload Plugin` button at the top of the page.
    *   Choose the `on-page-checkout.zip` file you downloaded and click `Install Now`.
3.  **Activate the plugin:** Once installed, click `Activate Plugin`.
4.  **Ensure Dependencies:** Make sure you have Elementor and WooCommerce plugins installed and activated on your WordPress site.

## Usage

1.  **Edit with Elementor:** Open any page or post with Elementor.
2.  **Drag & Drop Widget:** Search for the "On Page Checkout" widget and drag it onto your page.
3.  **Configure Products:** In the widget settings, add the WooCommerce products you want to display for on-page checkout by entering their Product IDs or SKUs.
4.  **Customize Settings:** Adjust other settings like showing quantity selector or preselecting products via query string.
5.  **Save & Publish:** Save your Elementor page.

Your visitors can now select a product and complete their purchase directly on the page!