Create Shipping/Announcement Bar
After installing Markivo Free Shipping Upsell, click the Create button under the General Mode card on the homepage to start setting up.
Create Free Shipping Bar
The Free Shipping Bar encourages customers by setting a free shipping goal, improving average order value and conversions.
Market Settings: By default, the bar applies to all markets. To exclude specific markets, click Exclude, select the countries/regions, and click OK.
Name Setting: Enter a name for easy management.
Free Shipping Criteria:
- Set thresholds based on order value, item quantity, or weight.
- Add secondary goals (e.g., free shipping on orders over $100, expedited shipping on orders over $150).
Currency Settings: Choose currency type. If the store only supports one currency, this cannot be changed.
Guide Messages:
Initial: Inform users about the free shipping threshold (e.g., "Free shipping on orders over $100!").
- Process: Show current progress (e.g., "Only $10 away from free shipping!").
Success: Notify users when the goal is met (e.g., "You qualify for free shipping!").
Create Announcement Bar
The Announcement Bar displays important info, increasing engagement and boosting conversions.
- Market Settings: By default, the bar applies to all markets. To exclude specific markets, click Exclude, select countries/regions, and save.
- Name Setting: Enter a name for easy management.
- Content Settings: Customize the bar with discount info, promotions, or customer service contacts.
- Action Options: Add actions to the announcement bar. Options include:
- No Action: Static display.
- Button Click: Add a clickable button linking to a URL.
- Full Bar Click: Make the entire bar clickable.
- Simple Link: Display a hyperlink.
- Discount Code: Show coupon codes to increase conversions.
Create Multiple Announcement Bars
Click Add Extra Announcement to create more bars and select a display style:
- Rotating Mode: Cycle through messages.
- Marquee Mode: Display messages as scrolling text.
Design
Use design settings to quickly adjust the appearance and display method of the Free Shipping and Announcement Bars to match your page's style.
- Display Devices: Desktop or mobile.
- Display Pages: Homepage, product detail pages, cart page, or custom URLs.
- Show Position: Top or bottom of the page.
- Display Timing: Always visible or triggered by user actions.
- Background & Style: Customize the background color, select height (large/medium/small), and style (floating or embedded).
- Color & Fonts: Support for light/dark modes, with adjustable font size and weight.
Precise Targeting
Target bars to ensure they are displayed at the right time to the right audience.
- Product Targeting: Show for all products or only physical products (exclude virtual items).
- Customer Targeting: Display based on visitor type, customer tags, or spending amount.
- Location Targeting: Select specific countries/regions or target by region.
- Active Dates: Always displayed or set to specific time periods.
Real-Time Preview
In the Preview section on the right, you can see how the bars will appear to users:
- Free Shipping Bar: Preview how the free shipping bar will look at different progress stages (e.g., initial message, progress message, achievement message).
- Announcement Bar: Preview the animation effects and click interactions.
After confirming your settings, click Save to save the settings or Publish to add the Free Shipping or Announcement Bar to the app’s bar list.
Customize for Specific Countries/Regions
Markivo Free Shipping Upsell supports creating Free Shipping and Announcement Bars for specific markets. To customize, click Create under the Specific Mode card on the homepage:
- In the Select Market dialog, check the target countries/regions.
- After saving, proceed with the steps above to set up the Free Shipping or Announcement Bar.
Once completed, click Save or Publish, and the created bar will appear in the app's bar list for easy management and editing.