How to customize the design of free shipping bar?

1️⃣ Go to your Shopify Admin

2️⃣ Click on Apps → Free Shipping Bar

3️⃣ Click on the "Design" tab

4️⃣ Here you’ll find all customization options for your Shipping Bar.

5️⃣ You can personalize the design of your shipping bar to make it more attractive and engaging for your visitors. Here's what you can customize:

Template 🧩: Choose a preset shipping bar template or set it as custom and modify all elements on your own.

Visibility ✨: Choose between desktop, mobile, or both to ensure the shipping bar is visible on the devices you wish.
Background🎨: Select a solid color or pattern for your shipping bar background.
Border🖼️: Adjust the style, size, and color of the border around your shipping bar.
Spacing📏: Control the padding and margins around your shipping bar for better layout.
Add Fireworks animation🔥: You can add fireworks animation on completion of every goal or on completion of the last goal.
Typography🔤 : Customize the color and size of the message and price text. You can set the animation of the price text from the dropdown.

Progress Bar📊: Enable the progress bar by checking the box (optional). Then customize the color of the progress bar, and you can add bar style from the dropdown and adjust the size, radius, and space of the bar.

Icon🖼️: You can add and customize icon in your shipping bar.
Button🎛️: Customize the button’s color, text size & color, corner radius, and style. You can also adjust font size & weight, and add animation styles or hover effects from the dropdown.

6️⃣ Use the live preview to see how your shipping bar will look before saving.

7️⃣ Once you're happy with the look, click Save to apply changes to your store.

🛒 That’s it! Your Shipping Bar is now encouraging customers to shop more! 🚀