How to create a Price badge?
Fordeer hello to you!
At Fordeer, we're committed to providing the best tools to help merchants boost sales and conversions. Since launching our Labels and Badges features, many stores have been using them to highlight sales and display key product information effectively.
We’re excited to introduce a powerful new feature to our app: Price Badges.
Price badges are designed to help you emphasize discounted prices, drawing attention to the value of your offers and boosting conversions.
This guide will walk you through the steps to set up and display Price Badges on your storefront.
If you prefer watching over reading, the video below provides a detailed explanation 👇👇
Enabling the Price Badge feature will replace the default price section in your theme. Once activated, it will automatically apply to all products in your store that have a “compared price” set up.
Navigate to the Price Badges section in the sidebar menu, and click the Create price badge button.
You’ll be directed to the Element section where you can design the price badge to meet your specific needs.
We’ve included a demo layout that displays the price, compared price, and badge section for you to start with.
General Settings for Price Badge Block
Alignment: Adjust the alignment of your price badge to suit your store’s design.
Gap: Control the spacing between each element within the price badge block.
Margin: Customize the margins on the left, right, top, and bottom to position your price badge just right.
Customize Each Element
If you wish to edit individual elements (such as the price or the badge), simply click on the element, and its specific settings will appear on the right side of your screen.
You can also insert a line break to separate elements with a new line, giving you more control over the layout and presentation.
Once you've finished designing your price badge, choose which products the labels will appear on by clicking the Product settings page.
General: We support many ways to select products for you to choose:
All products, specific products, specific collections, specific tags and specific variants.
Advanced options:
- Inventory status: Select products based on inventory status: in stock, out of stock,..
- Price range: Select products based on product's price range
- Date range: Select products based on their added/published date
- Product title: Select products based on their title
- Product type: Select products based on product type
- Product vendor: Select products based on product's vendor
- Discount range: Select products based on product's discount
- Weight range: Select products based on product's weight
Display : You can choose which pages the label will display on your store by selecting the pages and exclude the page
Besides, you can select the label display on all products images or not (first image only)
Schedule settings : You can schedule which time the label will display on the storefront. You can select the time by date range or day by day.
Display by country: Select country restriction & visibility. Select None to show worldwide.
Display by customers: Decide which customer base can see the label display with many conditions.
Once everything is set up, publish the price badge and verify that it displays correctly on your storefront.
If the badge do not show on your store, please do not hesitate to let us know via our support email: support@fordeercommerce.io or our friendly live chat on our app, we will be more than happy to help you.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
At Fordeer, we're committed to providing the best tools to help merchants boost sales and conversions. Since launching our Labels and Badges features, many stores have been using them to highlight sales and display key product information effectively.
We’re excited to introduce a powerful new feature to our app: Price Badges.
Why Use Price Badges?
Price badges are designed to help you emphasize discounted prices, drawing attention to the value of your offers and boosting conversions.
This guide will walk you through the steps to set up and display Price Badges on your storefront.
If you prefer watching over reading, the video below provides a detailed explanation 👇👇
Enabling the Price Badge feature will replace the default price section in your theme. Once activated, it will automatically apply to all products in your store that have a “compared price” set up.
How to Set Up Price Badges?
Step 1: Create a price badge
Navigate to the Price Badges section in the sidebar menu, and click the Create price badge button.
Step 2: Design Your Price Badge
You’ll be directed to the Element section where you can design the price badge to meet your specific needs.
We’ve included a demo layout that displays the price, compared price, and badge section for you to start with.
General Settings for Price Badge Block
Alignment: Adjust the alignment of your price badge to suit your store’s design.
Gap: Control the spacing between each element within the price badge block.
Margin: Customize the margins on the left, right, top, and bottom to position your price badge just right.
Customize Each Element
If you wish to edit individual elements (such as the price or the badge), simply click on the element, and its specific settings will appear on the right side of your screen.
You can also insert a line break to separate elements with a new line, giving you more control over the layout and presentation.
Step 3: Assign Products to Show Price Badges
Once you've finished designing your price badge, choose which products the labels will appear on by clicking the Product settings page.
General: We support many ways to select products for you to choose:
All products, specific products, specific collections, specific tags and specific variants.
Advanced options:
- Inventory status: Select products based on inventory status: in stock, out of stock,..
- Price range: Select products based on product's price range
- Date range: Select products based on their added/published date
- Product title: Select products based on their title
- Product type: Select products based on product type
- Product vendor: Select products based on product's vendor
- Discount range: Select products based on product's discount
- Weight range: Select products based on product's weight
Step 4: Select Pages Price Badge Will Appear On
Display : You can choose which pages the label will display on your store by selecting the pages and exclude the page
Besides, you can select the label display on all products images or not (first image only)
Schedule settings : You can schedule which time the label will display on the storefront. You can select the time by date range or day by day.
Display by country: Select country restriction & visibility. Select None to show worldwide.
Display by customers: Decide which customer base can see the label display with many conditions.
Step 5: Click Create button
Once everything is set up, publish the price badge and verify that it displays correctly on your storefront.
If the badge do not show on your store, please do not hesitate to let us know via our support email: support@fordeercommerce.io or our friendly live chat on our app, we will be more than happy to help you.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Updated on: 12/09/2024
Thank you!