Elementor Connector for Name Your Price

Overview

↑ Back to top

The WooCommerce Name Your Price plugin is an extension for WooCommerce that allows customers to determine their own price for products or services. This powerful tool gives businesses the flexibility to accept user-defined donations, gather pricing data, or create a unique “pay what you want” pricing strategy. The plugin supports simple, subscription, and grouped products, and it can be customized to set a minimum and maximum price range, ensuring businesses retain control while providing customers with a personalized shopping experience.

Elementor Connector for WooCommerce provides users with a more convenient and efficient way to manage their pricing strategies. By integrating these tools, shop owners can visually design and customize their “Name Your Price” interface directly from the Elementor page builder. This enhances the shopping experience for customers which, in turn, increases conversions. 

Requirements

↑ Back to top

In order to use these widgets, you’ll need the following:

• WooCommerce
• WooCommerce Name Your Price
• Elementor
• Elementor Pro (For adding the Name Your Price controls to the add-to-cart widget on single product page templates)
• Elementor Connector for WooCommerce

Add-To-Cart Additional Controls 

↑ Back to top

Elementor Connector for WooCommerce also adds additional controls to the Add to Cart widgets of Elementor Pro. These controls focus on the Name Your Proce section that’s added to the add-to-cart buttons on a single product page.

Style Tab

↑ Back to top

Container Section

1. Background – Set the background of the Name Your Price container (classic or gradient types).
2. Border – Define the border of the Name Your Price container.
3. Border Radius – Set the border radius of the Name Your Price container*.
4. Margin – Set the margin of the Name Your Price container*.
5. Padding – Set the padding of the Name Your Price container*.

Label Section

6. Margin – Set the margin of the Name Your Price label*.
7. Padding – Set the padding of the Name Your Price label*.
8. Fonts – Modify the typography of the Name Your Price label.
9. Color – Set the color of the Name Your Price label.
10. Background – Set the background of the input field (classic or gradient types).

Input Field Section

11. Border – Define the border of the input field.
12. Border Radius – Set the border radius of the input field*.
13. Margin – Set the margin of the input field*.
14. Padding – Set the padding of the input field*.
15. Fonts – Modify the typography of the input field.
16. Color – Set the color of the input field.

Description Section

17. Margin – Set the margin of the description*.
18. Padding – Set the padding of the description*.
19. Fonts – Modify the typography of the description.
20. Color – Set the color of the description.

Error Notice

21. Background – Set the background of the error notice (classic or gradient types, excluding image backgrounds).
22. Border – Define the border of the error notice.
23. Border Radius – Set the border radius of the error notice*.
24. Margin – Set the margin of the error notice*.
25. Padding – Set the padding of the error notice*.
26. Message Fonts – Modify the typography of the error notice message.
27. Color – Set the color of the error notice message.