Sophia
Last Update vor 2 Monaten
In the 'Progress Bar Widget', you'll see the 'Progressbar discount target', there are two options available:
1. Cart Price: Calculates the discount threshold based on the total cart price.
2. Cart Item: Calculates the discount threshold based on the number of items in the cart.
Next is the "Progress Bar Offer." By default, it includes two offers: the first is "Free Shipping," and the second is a "5% Discount." You can modify these according to your needs and preferences. Additionally, you can add new offers, with a maximum limit of five. You can also delete offers and add new ones as needed.
Now let’s start with
"Add New Offer." Click on
"Add New Offer" in the progress bar, and a new offer will be added.
Inside, you’ll see the first field,
"Progress Bar Offer Text." Enter your offer name here, and it will be visible in the
progress bar offer text. Next is the
"Discount Option" field. There are
four options available:
1. No Discount: Select this option if you don’t want to provide any discount when the progress bar offer value is reached.
2. Discount: Choose this option if you want to offer a percentage discount, fixed amount, or free shipping when the progress bar value is reached.
3. Free Product (BOGO offer): Select this option if you want to provide a buy one, get one free offer (buy X, get Y) when the progress bar value is reached.
4. Product Discount: Choose this option if you want to apply a discount based on specific products when the progress bar value is reached.
(1) Selecting the "Discount" Option
After selecting
"Discount," there are
three types of discounts available in the
"Discount Type" selector:
1. Percentage: Set a percentage discount when the progress bar value is reached.
2. Fixed Amount: Set a fixed discount amount when the progress bar value is reached.
3. Free Shipping: Set the discount as free shipping when the progress bar value is reached.
After selecting
"Percentage" or
"Fixed Amount" as the discount type, the next field is
"Discount Value." Here, you can set the discount amount, either as a percentage or a fixed value, which will be applied when the progress bar value is reached.
Note: For
"Free Shipping," there’s no need to set a
discount value, so the discount value field
won’t be visible when this option is selected.
(2) Selecting the "Free Product (BOGO Offer)" Option
After selecting "Free Product (BOGO Offer)," you can offer customers a "buy X, get Y" free product. Click the "Select Product" button to choose a product from your store, and set the quantity of the free product you want to give the customer as a free gift when the progress bar offer value is reached.
(3) Selecting the "Product Discount" Option
After selecting
"Product Discount" in the
"Discount Option," you'll see another selector below,
"Select Product Type." There are
two options available:
1. Any Product: Use this option to apply a discount to any product in the entire store when the progress bar offer value is reached.
2. Specific Product: Use this option to apply a discount to a selected product in the cart when the progress bar offer value is reached.
After selecting 'Any Product,' the discount will be applied to the cheapest product in the cart. You can also see this below in the 'Any Product' selector. 'Product Qty' is set to 1 by default, but you can modify it according to your needs. Based on the quantity, the discount will apply to only one quantity of the cheapest product in the cart.
After selecting 'Specific Product,' you can choose a specific product by clicking the 'Select Product' button. Under the 'Apply Discount Type' option, there are two choices: 'All Products' and 'Any One Cheapest Product.' The 'All Products' option will apply the discount to all selected products with the set 'Product Qty,' while the 'Any One Cheapest Product' option will apply the discount to the cheapest product among the selected products in the cart. If the selected product is not in the cart, the discount will not be applied.
Next is 'Offer Reach Value.' In this field, you can set the required value to qualify for the offer. Specify the quantity or cart total amount needed to receive your created offer.
Next is 'Discount code name'. In this field, you can change the name of the discount code that will be visible after the customer accepts any offer.
Next is the
"Offer Message." You can change the
text, color, and font
size for the
"Offer Message." This text will appear at the top of the progress bar and serves as the offer title. It may display the remaining offer price or how much more the customer needs to spend to qualify. It will also inform customers on how to take advantage of the offer.
Note: Please do not change the values in brackets, as they are used to display the offer price you have set.
Next is the "Progress Bar Offer Completed Message." This text will appear when a customer accepts the final offer you set. It’s a congratulatory message designed to build customer loyalty and make them feel appreciated. Feel free to modify this message to make it more personalized and relevant to your brand. Use language that matches your brand’s tone and voice, and include any relevant branding or messaging.
In the "Show Confetti" checkbox, you can check or uncheck to enable or disable the "Show Confetti" for the progress bar upsell.
This option enables a celebratory animation that appears when a customer accepts the final offer provided in your progress bar upsell. It’s a fun way to celebrate and acknowledge your customers when they take advantage of your offers.
After that, click 'Save,' and your changes will appear in your store.
