Getting Started

After installing and activating the WooKeys plugin, you can immediately begin enhancing your WooCommerce store using the included Elementor widgets.

3.1 Accessing WooKeys Widgets

WooKeys integrates directly into the Elementor editor. To access the widgets:

1. Navigate to any page, post, or WooCommerce template (e.g., Shop, Product, Category).
2. Click Edit with Elementor.
3. In the Elementor panel (left side), scroll down or use the search bar to find WooKeys widgets.
   • All WooKeys widgets are in the WooKeys group.
   • Example: WooKeys > Product Grid, WooKeys > Product Table, etc.

3.2 Using a WooKeys Widget

To add a widget to your layout:

1. Drag and drop any WooKeys widget into the desired section of your layout.
2. Configure the widget via the settings panel:
   • Content tab: Adjust product source, layout options, and filter parameters.
   • Style tab: Customize colors, typography, spacing, and alignment.
   • Advanced tab: Apply custom margins, motion effects, or responsive visibility.

3.3 Configuring Global Settings

WooKeys offers a global settings page, it can be found in:

• WordPress Admin > WooKeys.
• From there you can enable/disable specific widgets using the settings button.

3.4 Elementor Theme Builder Compatibility

WooKeys widgets are compatible with Elementor’s Theme Builder. You can use them in:

• Shop Archive Templates (e.g., category pages)
• Single Product Templates
• Custom WooCommerce Pages like Cart, Checkout, and My Account

To apply a widget in a theme template:

1. Go to Templates > Theme Builder.
2. Choose the template type (e.g., Single Product).
3. Insert a WooKeys widget and publish or update the template.