1. Grid

Here records the information of the campaigns that have been created including: name, status, start date, end date, priority. The admin can also perform actions: delete one or more campaigns simultaneously, change the status of the campaign here.



2. Create New Campaign / Edit Campaign

At the Campaign, click New Campaign button



2.1 General



- Enable campaign: Click the checkbox to turn on/ off the campaign.
- Name: Enter a name for the campaign.
- From date: Set the start date to use the Free Shipping Bar.
- To date: Set the end date to display the Free Shipping Bar.
- Priority: Free shipping bar with a higher priority (higher number) will be displayed in the frontend when multiple campaigns are enabled.
- Countries to display: Select the countries you want to apply the campaign to.

2.2 What to display

Goal Display



- Goal: Enter the minimum order value to get free ship.
- Initial message: Enter the content of the free shipping bar when the customer's cart is empty.
- Below-goal message: Enter the content to notify customers about the amount of missing money to receive free delivery. Notifications will be displayed when customers have at least 1 item in the cart.
- Achieve-goal message: This message will be displayed when the customer's order has reached the free ship offer.
- Currency code: Select the currency for each country to apply for customers who receive free ship offers. Admin can also click to Set as your store currency button to synchronize Currency Code with currency set up at Store. After customers choose the Currency Code, two fields Locale Format, Currency Symbol will be auto filled to format goal for specific locations.

Design



- Load Preset: Click Load presets/close presets button to show/hide the available templates. Click to free shipping bar template you want to use at frontend.
- Font Family: Select the text font of the message in the bar.
- Font size: Adjust the font size of the message displayed in the bar.
- Text color: Select the color of the message displayed in the bar.
- Goal text color: Select the color of the Goal value displayed in the bar.
- Font weight:
- Padding: Adjust the distance between the message and the box border.
- Background color: Select the background color of the bar.
- Background Image: Select the background image for free shipping bar. If left blank, no background image is shown in the bar.

Note: The background color is only displayed when you do not selected the Background Image.

Bar link



- Clickable: Tick the checkbox to allow showing the bar as a clickable link.
- Clickable link URL: Enter the link you want to redirect when the customer clicks the Goal in the bar.
- Open in new tab: Tick the checkbox to allow opening a new tab when customers click the link in the bar.

- Clickable Type:

- Make the bar the clickable link: Allow showing the free shipping bar as a clickable link
.
- Insert the link button in the bar: Allow admins to insert a button contain the link on the bar
- Button Link Content: Enter button label shown on the bar
- Button Link Text Color: Select label color shown on the bar
- Button Link Background Color: Select background color of the button shown on the bar

- Clickable on bars: Choose the bar types to be clickable

Custom code



- Custom CSS: Enter the CSS content you want to modify
- Custom Javascript: Enter the Javascript content you want to modify

2.3 Where to display



Position: Select the display position of free shipping bar.



- Top of the page: The bar is displayed at the top of the page, the bar will not slide down when customers scroll down the page.
- Stick at the top of the page: The bar is fixed displayed at the top of the page, and will slide down when customers scroll down the page.
- Fixed Top: The bar is displayed and fixed at the top of the page and inserted into the content at the Header. It will slide down when customers scroll down the page.
- Fixed Bottom: Bar is displayed and fixed at the bottom of the page, and will slide up when customers scroll the page.
- Custom Snippet: Customize the display position of the bar as you like followings the steps below:

Step 1: Click Themes. At Actions, click `Edit code > theme.liquid .



Step 2: At theme.liquid, paste code in any position you want.

<div id = 'avada-fsb-placeholder'> </div>

Example:



Step 3: Click Save button.

Show on pages

- All Page: Bar is shown on all pages. If you do not want to display free shipping bar on specific pages, you can choose them at Excluded Pages field or click to Custom to enter the URL of the page.



- Specific Pages: Free shipping bar can be shown on specific pages. Choose this option will show Include Pages section



- Included Pages: Select the pages that you want to display the free shipping bar or click Custom to enter the URL of the page. URL are separated by new line.
- Excluded Pages: Select the pages that do you not want to display the free shipping bar or click Custom to enter the URL of the page. URL are separated by new line.
- Note: If the selected pages in Included Pages and Excluded Pages are same, priority will be applied to the pages selected in Excluded Pages.

- Device Target: Select one or more browser devices for showing the free shipping bar.

2.4 Preview

- All changes of General, What to display, Where to Display sections are updated immediately at Preview.
- Below Goal value is updated following the real cart total of customer at frontend.

Was this article helpful?
Cancel
Thank you!