Woo Single Pricing

< All Topics
Widget Used
Woo Single Pricing
Demo URL
Click Here
Tutorial Videos
Official Video

If you want to give a prime look to the pricing section of your website with the customization and want to use it in the pricing-related part of your website. We have made a well-designed Woo Single Pricing widget. With the help of this widget, you can customize the pricing section of your many shopping websites. For example, electronic, real estate, study, etc. This will also help in your single post or page on your website.
Note: you must have the WooCommerce plugin installed in your WordPress to use this widget feature.

Pro tip
Why not add this widget to your website/product? Because using this widget you can customize your website pricing section which will attract your customer, and it will be sufficiently useful in your pricing content as well as with the custom style option.

How to use the Woo Single Pricing Widget of The Plus Addons For Elementor

The Woo Single Pricing widget comes with custom styling options, you can create a standard-looking pricing content section for your websites.

General Steps

Search for the Woo Single Pricing element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Woo Single Pricing widget. First, click on the Content tab.

1. Content

Woo Single Pricing

1.1: Woo Single Pricing

Woo Single Pricing Repeater

We have given five pricing options for the order. Select your desired option for the order. You can set the field where you want to set it, such as top, middle, bottom and you can also add and remove it. The options we provided are:

Add to Cart
Price
Stock

Sold
Attributes

Select Type

With this option, you can set the pricing type of the order.

Quantity Layout

We have given two quantity layout (layout 1 and layout 2) to use it to give a different style of quantity indicator for the add to cart option.

Price Prefix

With this option, you can set the custom prefix text when you have selected a price in the type menu.

Price Postfix

With this option, you can set the custom postfix text when you have selected a price in the type menu.

Stock Prefix

With this option, you can set the custom prefix text when you have selected stock in the type menu.

Stock Postfix

With this option, you can set the custom postfix text when you have selected stock in the type menu.

Out of Stock Notice

With this option, you can set the custom out-of-stock notice text when you have selected stock in the type menu.

Backorders Allowed Notice

With this option, you can set the custom backorders allowed notice text when you have selected stock in the type menu.

Sold Prefix

With this option, you can set the custom prefix text when you have selected sold in the type menu.

Sold Postfix

With this option, you can set the custom postfix text when you have selected sold in the type menu.

Select Display

We have given two display styles (inline and block) to use it to give different style for the attributes option.

Label Minimum Width

With this option, you can set the minimum width of the label for the block option when you have selected attributes in the type menu.

Category Prefix

With this option, you can set the custom category prefix text of the inline option when you have selected attributes in the type menu.

Tag Prefix

With this option, you can set the custom tag prefix text of the inline option when you have selected attributes in the type menu.

SKU Prefix

With this option, you can set the custom SKU prefix text of the inline option when you have selected attributes in the type menu.

1.2: Extra Options

Add to Cart: Instock Status

By enabling this option you can see the stock status of the add to cart option.

2.Style

The Style tab is used to customize all the Woo Single Pricing widget components such as Add to Cart: (Button, Simple Product, Variations Product, Swatches Product, Grouped Product), Price, Stock, Sold, and Attributes.

Add to Cart: Button Style

Set Padding, Margin, Button Size, Typography, Color, Background, Border, Border Radius, and Box Shadow for the Button here.

Add to Cart: Simple Product Style

Set Quantity (Width, Typography, Color, Background, Border, Border Radius, Box Shadow), Quantity Plus Minus Options (Size, Color, ), Quantity Box Options (Layout 2 – Padding, Background, Border, Border Radius, Box Shadow), Stock (Typography, Color, ), and Out of Stock (Typography, Color) for the Simple Product here.

Add to Cart: Variations Product Style

Set Padding, Margin, Background, Border, Border Radius, Box Shadow, Variations Product Label (Typography, Color), Variations Product Option (Typography, Color, Background), Variations Product Reset (Padding, Typography, Color, Background, Border, Border Radius, Box Shadow), Variations Product Price (Typography, Color), and Variations Product Description (Typography, Color) for the Variations Product here.

Add to Cart: Swatches Product Style

Set Layout Select Menu, Style Select Menu, Title Style (Typography, Color), Tooltip Style (Typography, Color, Background, Border Radius), Color (Size, Offset Right, Offset Bottom, Border, Border Radius, Box Shadow), Image (Size, Offset Right, Offset Bottom, Border, Border Radius, Box Shadow), and Button (Typography, Size, Offset Right, Offset Bottom, Color, Background, Border, Border Radius, Box Shadow) for the Swatches Product here.

Add to Cart: Grouped Product Style

Set Product Name (Typography, Color), Price (Typography, Color), and Button (Padding, Width, Typography, Color, Background, Border, Border Radius, Box Shadow) for the Grouped Product here.

Price Style

Set Alignment, Space, Sale Price (Typography, Color), Previous Price (Typography, Color), and Prefix/Postfix Text (Margin, Typography, Color) for the Price here.

Stock Style

Set Padding, Margin, Typography, Color, Background, Border, Border Radius, Box Shadow, and Out Of Stock (Padding, Margin, Typography, Color, Background, Border, Border Radius, Box Shadow) for the Stock here.

Sold Style

Set Padding, Margin, Typography, Color, Background, Border, Border Radius, and Box Shadow for the Sold here.

Attributes Style

Set Label (Typography, Color), and Value (Typography, Color) for the Attributes here.

Preview

Here you can see with details how the Style option of the Woo Single Pricing Widget works.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?