Displaying Free Shipping Amount Counter on Multiple Pages
Customizing Free Shipping Counter on Cart Page
The cart page is a crucial point for encouraging customers to add more items to qualify for free shipping. Use the following settings to optimize its display:
Display On Cart Page: Enable or disable this option to control the visibility of the free shipping amount counter on the cart page.
Text Before Shipping Amount: Display a custom text message before the free shipping amount.
- Add Before Text: Input the desired text to display before the shipping amount. Example: “You’re just”
- Text Font Size: Customize the font size of the text.
- Text Color: Choose a color that aligns with your website’s theme.
Text After Shipping Amount: Add a custom text message following the free shipping amount.
- Add After Text: Input the desired text. Example: “away from free shipping!”
- Text Font Size: Adjust the size for readability.
- Text Color: Select a color for better visibility.
Free Shipping Amount Size: Adjust the font size of the amount for emphasis.
Amount Color: Set the color to highlight the amount clearly.
Free Shipping Message: Display a motivational message once customers qualify for free shipping. Example: “Congratulations! You have earned free shipping.”
Text Font Size: Customize the message size.
Text Color: Set a text color that contrasts well with the background.
Message Background Color: Define a background color for the message.
Display Progress Bar: Show a visual indicator of progress toward free shipping eligibility.
- Progress Bar Color: Choose a color for the progress bar.
Customizing Free Shipping Counter on Product Page
Encourage customers on product pages to add items to their cart with these settings.
Display On Product Page: Enable or disable the free shipping amount counter for product pages.
Text Before and After Shipping Amount: Configure text messages before and after the shipping amount as described under Cart Page Settings.
Free Shipping Amount Size: Adjust the font size of the amount for emphasis.
Amount Color: Set the color to highlight the amount clearly.
Free Shipping Message: Display a motivational message once customers qualify for free shipping. Example: “Congratulations! You have earned free shipping.”
Text Font Size: Customize the message size.
Text Color: Set a text color that contrasts well with the background.
Message Background Color: Define a background color for the message.
Display Progress Bar: Show a visual indicator of progress toward free shipping eligibility.
- Progress Bar Color: Choose a color for the progress bar.
Customizing Free Shipping Counter on Checkout Page
Motivate customers during checkout to complete their purchase by highlighting the free shipping counter.
Display On Checkout Page: Toggle this setting to show or hide the counter on the checkout page.
Text Before and After Shipping Amount: Configure text messages before and after the shipping amount as described under Cart Page Settings.
Free Shipping Amount Size: Adjust the font size of the amount for emphasis.
Amount Color: Set the color to highlight the amount clearly.
Free Shipping Message: Display a motivational message once customers qualify for free shipping. Example: “Congratulations! You have earned free shipping.”
Text Font Size: Customize the message size.
Text Color: Set a text color that contrasts well with the background.
Message Background Color: Define a background color for the message.
Display Progress Bar: Show a visual indicator of progress toward free shipping eligibility.
- Progress Bar Color: Choose a color for the progress bar.
Customizing Free Shipping Counter on Home Page
Introduce the free shipping incentive to customers immediately upon visiting the home page.
Display On Home Page: Enable or disable the counter for visibility on the homepage.
Text Before and After Shipping Amount: Configure text messages before and after the shipping amount as described under Cart Page Settings.
Free Shipping Amount Size: Adjust the font size of the amount for emphasis.
Amount Color: Set the color to highlight the amount clearly.
Free Shipping Message: Display a motivational message once customers qualify for free shipping. Example: “Congratulations! You have earned free shipping.”
Text Font Size: Customize the message size.
Text Color: Set a text color that contrasts well with the background.
Message Background Color: Define a background color for the message.
Display Progress Bar: Show a visual indicator of progress toward free shipping eligibility.
- Progress Bar Color: Choose a color for the progress bar.
Enabling Free Shipping for Targeted Product Selection
In the “Product Selection” tab, you can configure where the counter is displayed based on specific products, categories, suppliers, or manufacturers.
Display On All Products: Toggle the visibility of the free shipping amount counter across all products in your store.
- Enable: The counter will be displayed on all products, and no additional configuration is required.
- Disable: Additional fields will appear, allowing you to target specific products, categories, suppliers, or manufacturers.
- Display on Product(s): Enable this option to display the counter on selected products.
- Search Product(s): Use the search bar to find and add products. This allows precise control over which products display the counter.
- Display Category(s): Enable this option to apply the counter to specific categories.
- Category(s): Select the desired categories from a dropdown or multi-select menu.
- Display Supplier(s): Enable this option to filter by suppliers.
- Supplier(s): Choose one or more suppliers from the available list.
- Display Manufacturer(s): Enable this option to apply the counter to manufacturer-specific products.
- Manufacturer(s): Select the manufacturers from a dropdown or multi-select menu.
- Display on Product(s): Enable this option to display the counter on selected products.
