Shipping Bar

The Shipping Bar extension lets you add a shipping bar and banners to your site to show shoppers how much they need to spend to get free or special rate shipping.

Important:

SuiteCommerce extensions are only available if provisioned, installed, and activated for a selected domain in your account. For more information, see Commerce Extensions.

Note:

If you are a SuiteCommerce Advanced customer, you must be implementing the Aconcagua release or later to take advantage of extensions.

Overview

The shipping bar and optional banners display various messages to customers based upon how much progress they have made toward free or special rate shipping. When the cart value meets the minimum for free or special shipping, a congratulations message appears. The Shipping Bar extension comes with default progress and congratulations messages, but you can customize them if you want. The Shipping Bar also supports multiple currencies for customers in different countries. To use multiple currencies with this extension, you’ll need to enable the Multiple Currency feature and add additional currencies on your Website Setup record. For more information, see Enabling the Multiple Currencies Feature and Multi-Currency.

Integrate Shipping Bar with Shipping Promotions

To use the SuiteCommerce Shipping Bar extension with auto-applied free or discounted shipping, you’ll need to complete these steps first:

  1. Create a new shipping item to automatically apply free or special rate shipping. You'll use this shipping item as your default shipping method. For details, see Creating Shipping Items.

  2. Select the new shipping method as your preferred shipping method in the website setup. See Setting a Preferred Shipping Method for Your Site.

Important:

The SuiteCommerce Shipping Bar extension considers cart values when making calculations. The extension does not take into account any shipping promotions that you may have set up in your account using SuitePromotions or advanced promotions that are not reflected in the cart through auto-apply.

Shipping Bar Display Options

You can display the shipping bar in a few different ways:

You can use the Shipping Bar fields in the Site Management Tools (SMT) Theme Customizer to change the style and display of the header bar, product banner, and cart banner. Pick the font, background and text colors, border size, and more to make each display fit your needs. For more information about using the Theme Customizer in SMT, see Theme Skin Manager.

Configure Shipping Bar

Use the SuiteCommerce Configuration record to enable the header bar, product banner, and cart banner. You can also set the shipping bar’s URLs and messages, and use multi-currency to set up the shipping bar for several countries.

To configure Shipping Bar:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the Shipping Bar extension is activated and click Configure.

  3. Go to the Extensions subtab.

  4. In the Shipping Bar subtab, fill out the listed fields for each category, using the tables below as references.

  5. Click Save to finish.

Shipping Bar Configuration Fields:

Field

Description

Shipping Goal Value

Sets the minimum order value a shopper needs for free or special rate shipping.

Currency Symbol

Determines the symbol or abbreviation for the currency.

Header Bar Position

Sets the position of the header bar.

You can choose from the following options:

  • Above Header — Header bar displays above the website header

  • Fixed to Top — Header bar remains visible at the top of the page while scrolling

  • Below Header — Header bar displays below the website header

Initial Message URL

Sets the full URL for the header bar Initial Message link.

Alternate Message 1 URL

Sets the full URL for the header bar Alternate Message 1 link.

For example, use this field to link to your Terms & Conditions or a sale landing page.

Alternate Message 2 URL

Sets the full URL for the header bar Alternate Message 2 link.

For example, you can use this field to link to a Terms & Conditions page or a landing page promoting a sale.

Messaging Fields:

In the Messaging fields, you can use the following placeholders, which are replaced by their associated values automatically:

  • [[value]] — shipping goal value

  • [[to-value]] — remaining amount required to qualify for free or special rate shipping

Field

Description

Show Header Bar

If checked, displays the header bar at the top of all pages of your site.

Initial Message – Header Bar

Sets the message shown in the header bar.

Alternate Message 1 – Header Bar

Sets the alternate message for the header bar.

The header bar displays a new message every five seconds or when a user clicks on the side arrows.

Alternate Message 2 – Header Bar

Sets the alternate message for the header bar.

The header bar displays a new message every five seconds or when a user clicks on the side arrows.

Progress Message – Header Bar

Sets the message to display when the user adds an item to the cart but has not reached the shipping goal value required to qualify for free or special rate shipping.

Congratulations Message – Header Bar

Sets the message to display when the user meets the shipping goal and qualifies for free or special rate shipping.

Show Product Banner

If checked, displays the product banner on product detail pages (PDPs).

Progress Message – Product Banner

Sets the message to display on the PDP when a customer hasn't reached the shipping goal value required to qualify for free or special rate shipping.

This message appears below the item selection options.

Item Qualifies Message – Product Banner

Sets the message to display on the PDP if the shopper qualifies for free or special rate shipping if they add the item to the cart.

This message appears below the item selection options.

Show Cart Banner

If checked, displays the shipping banner on the cart page.

Initial Message – Cart Banner

Sets the message to display on the cart page.

Progress Message – Cart Banner

Sets the message to display on the cart page when the user hasn't reached the shipping goal value required to qualify for free or special rate shipping.

Congratulations Message – Cart Banner

Sets the message to display on the cart page when the user meets the shipping goal value to qualify for free or special rate shipping.

Multi-Currency Support Fields:

Field

Description

Currency

Determines an additional currency available for the shipping bar.

Shipping Goal Value

Sets the shipping goal value required to qualify for free or special rate shipping for this currency.

Currency Symbol

Sets the symbol or abbreviation for the currency.

Related Topics

General Notices