Overview #
The WooCommerce Custom Price Labels plugin allows you to add customized price labels to your products. It allows you to add a note or extra text near your product price using HTML. You can add text instead of or before the price or after the price, or even add text between regular and sale prices.
Enabling Custom Price Labels For WooCommerce #
To enable and use the WooCommerce Custom Price Labels plugin, you should first download and install Booster for WooCommerce.
1. Navigate to WordPress Dashboard > WooCommerce > Settings > Booster > BUTTON & PRICE LABELS > WooCommerce Custom Price Labels.
The WooCommerce Custom Price Labels Module Options page will be displayed.
2. In the WooCommerce Custom Price Labels section, check the box for Enable Module field.
3. Scroll down to the end of the page and click Save changes.
The WooCommerce Custom Price Labels plugin will be enabled for your site.
Configuring Custom Price Labels Per Product in WooCommerce #
You can configure custom labels for each product using this option.
1. Navigate to WordPress Dashboard > WooCommerce > Settings > Booster > BUTTON & PRICE LABELS > WooCommerce Custom Price Labels.
The WooCommerce Custom Price Labels Module Options page will be displayed.
2. In the Custom Price Labels – Per Product section, check the box for the Per Product – Enable field.
3. Scroll down to the end of the page and click Save changes.
The custom price label plugin will be enabled and the Booster: Custom Price Labels tab will be added to the edit mode of all product pages.
4. Navigate to WordPress Dashboard > Products > All Products.
The Products page will be displayed.
5. Click Edit for the product to which you want to add input fields.
The Edit product page will be displayed.
6. Scroll down to the Booster: Product Input Fields section.
The Booster: Product Input Fields section has 4 options:
- Instead of the price – Customized label text will be displayed instead of the product price
- Before the price – Customized label text will be displayed before the product price
- Between regular and sale prices – Customized label text will be displayed in between the regular price of the product and the sale price of the product
- After the price – Customized label text will be displayed after the product price
7. Enter the text of the customized label that you want to display in the text area.
8. Enter/select required values for the fields. Refer to the table below for field descriptions:
Note: All the options in the Booster: Product Input Fields section have the same fields. The field descriptions given in the table below are applicable to fields in all the options.
Field | Description |
Enable | Specifies if the option is enabled |
Hide by page type | |
Hide on home page | Specifies if the customized label text is hidden on the homepage |
Hide on products page | Specifies if the customized label text is hidden on the product page |
Hide on single | Specifies if the customized label text is hidden on the single product page |
Hide on all pages | Specifies if the customized label text is hidden on all product pages |
Hide on cart page only | Specifies if the customized label text is hidden on the cart page |
Variable products | |
Hide for main price | Specifies if the customized label text is hidden for the price of the main product |
Hide for all variations | Specifies if the customized label text is hidden for the price of the all the variations of the product |
8. Click Update.
Note: You must update the page to view the changes on your product page. You cannot preview the input field changes as you would preview any other changes on a WordPress page.
Output #
A sample homepage with customized text displayed before the product price is shown in the below screenshot:
Configuring Global Settings for WooCommerce Custom Price Labels #
You can add custom price labels for WooCommerce to all the products across your website using this option. You can choose to hide or show custom text around the price on a single product, on your homepage, or within product categories. You can also hide or show the custom label for the main price or for each variation price, for variable products. Additionally, you can remove the customized text from all product prices for global price labels.
1. Navigate to WordPress Dashboard > WooCommerce > Settings > Booster > BUTTON & PRICE LABELS > WooCommerce Custom Price Labels.
The WooCommerce Custom Price Labels Module Options page will be displayed.
2. In the Custom Price Labels – Globally section, enter/select required values for the fields. Refer to the table below for field descriptions:
Field | Description |
Add before the price | Customized label text displayed before the product price |
Add after the price | Customized label text displayed after the product price |
Add between regular and sale prices | Customized label text displayed between the regular price and the sale price of the product price |
Remove from price | Customized label text that will be removed from the price of all products |
Replace in price | Customized label text that will be replaced in all products prices |
Customized label text to replace with | |
Instead of the price | Customized label text to display instead of the product price |
Products – Include | Products to which global price labels are applied |
Products – Exclude | Products to which global price labels are not applied |
Product Categories – Include | Product categories to which global price labels are applied |
Product Categories – Exclude | Products categories to which global price labels are not applied |
Product Types – Include | Product Types to which global price labels are applied |
3. Click Save changes.
The custom price label settings will be configured for your entire website.
Output #
A sample homepage with customized text displayed in between the regular and sale prices of the product is shown in the below screenshot: