FAIR

Federated and Independent Repositories

YeeKit – Product Selector for Elementor Forms

Plugin Banner

YeeKit – Product Selector for Elementor Forms

by add-ons.org

Download
Description

YeeKit – Product Selector for Elementor Forms adds a powerful product selection field to Elementor Pro Forms.
It allows you to display a list or grid of WooCommerce products directly inside your form, so users can select items and proceed to checkout instantly.

When the form is submitted, the plugin automatically adds the selected products to the WooCommerce cart and redirects the customer to the checkout page.

Features

  • Display WooCommerce products (simple or variable) inside Elementor Forms.
  • Choose between List, Grid, or Image Picker layouts.
  • Support Radio, Checkbox, and Select styles for product choice.
  • Allow customers to select quantity and product variations.
  • Automatically add selected items to WooCommerce cart.
  • Redirect users to the standard WooCommerce Checkout page.
  • Fully responsive and styled to match Elementor.
  • Works with any WooCommerce theme or payment gateway.

Perfect For

  • Quick order or pre-order forms.
  • Booking or service request forms that include product choices.
  • Donation or membership selection before checkout.
  • Custom-designed “Buy Now” experiences inside Elementor.

Usage

  1. Edit your form with Elementor Pro.
  2. Add a field type: WooCommerce Product List (single or multiple select).
  3. Choose which products or categories to display.
  4. Optionally enable quantity selector and image layout.
  5. Publish the form anywhere (page, popup, section, etc).
  6. When the user submits the form the selected products are added to the WooCommerce cart, and the customer is redirected to the checkout page.
  1. Upload the plugin files to /wp-content/plugins/xxx/, or install it via the WordPress Plugin screen.
  2. Activate the plugin through the “Plugins” menu.
  3. Make sure WooCommerce and Elementor Pro are active.
  4. Edit or create a form in Elementor.
  5. Add a WooCommerce Product List field to the form.
  6. Configure your product source and layout.
  7. Save and publish the form.
  1. Add "WooCommerce Product List" field inside Elementor Form.

    Add "WooCommerce Product List" field inside Elementor Form.

Does this plugin process payments inside Elementor?

No. Payments are handled by WooCommerce’s checkout page after form submission.

Does it support variable products?

Yes. Variable products and their variations are supported.

Can I display only specific products or categories?

Yes, you can choose specific products, categories, or tags in the field settings.

Is Elementor Pro required?

Yes. The plugin extends Elementor Pro’s Form widget.

Will it work with my WooCommerce payment gateways?

Yes. It uses the normal WooCommerce checkout process, so all your gateways remain active.

1.0.0

  • Initial release.
  • Added WooCommerce product listing for Elementor Forms.
  • Support for simple & variable products.
  • Redirect to WooCommerce checkout after submission.
Back to top