Shipping Bar
The Shipping Bar extension lets you add a shipping bar and banners to your website to inform shoppers of how much they have to spend to qualify for free or special rate shipping.
SuiteCommerce extensions are only available if provisioned, installed, and activated for a selected domain in your account. For more information, see Commerce Extensions.
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 required for free or special rate shipping, a congratulations message is displayed. While the Shipping Bar extension already contains default progress and congratulatory messages, you can customize the text if necessary.
Additionally, the Shipping Bar allows for multiple currencies to accommodate users in various countries. To use multiple currencies with this extension, you must 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 in conjunction with auto-applying free or discounted shipping, you must have already completed the following tasks for your Commerce web store:
-
Create a new shipping item to apply free or special rate shipping automatically. You use this shipping item as your default shipping method. See Creating Shipping Items.
-
Select the new shipping method as your preferred shipping method in the website setup. See Setting a Preferred Shipping Method for Your Site.
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 choose to display the shipping bar in the following ways:
-
Header bar — this bar displays in the header of your website. The bar displays an initial, progress, or congratulations message depending on your cart’s total value. You can choose the position of the header bar and link to a specific page. For example, you can customize an alternate message to link to a shipping terms and conditions page. This image is an example of how the shipping bar looks in the header.
-
Product banner — this banner displays on product detail pages (PDP). Users see a banner that indicates whether they meet the minimum value to qualify for shipping if they add that item to the cart. If the cart total with that item does not meet the minimum value, shoppers are informed of how much more they need to spend to qualify. This image is an example of how the shipping bar looks on the PDP.
-
Cart banner — this banner displays on the cart page. The banner displays an initial, progress, or congratulations message depending on your cart’s total value. This image is an example of how the shipping bar looks on the cart page.
Using the Shipping Bar fields in the Site Management Tools (SMT) Theme Customizer, you can customize the style and display settings of the header bar, product banner, and cart banner. You can choose the font, background and text colors, border size, and more to make each display fit your needs. For more information about using the Theme Customizerl in SMT, see Theme Skin Manager.
Configure Shipping Bar
Use the SuiteCommerce Configuration record to turn on the header bar, product banner, and cart banner. Additionally, this record lets you set the shipping bar URLs and messages, and you can use the multi-currency feature to set up the shipping bar for use in several countries.
To configure Shipping Bar :
-
In NetSuite, go to Commerce > Websites > Configuration.
-
Select the website and domain where the Shipping Bar extension is activated and click Configure.
-
Go to the Extensions tab.
-
In the Shipping Bar subtab, fill out the listed fields for each category, using the tables below as references.
-
Click Save.
Shipping Bar Configuration Fields:
|
Field |
Description |
|---|---|
|
Shipping Goal Value |
Sets the minimum order value that the shopper must spend to get free or special rate shipping. |
|
Currency Symbol |
Determines the symbol or abbreviation to display with the amount to denote the currency type. |
|
Header Bar Position |
Sets the position of the header bar. You can choose from the following options:
|
|
Initial Message URL |
Determines the full URL to which you want the header bar Initial Message to link. |
|
Alternate Message 1 URL |
Determines the full URL to which you want the header bar Alternate Message 1 to link. For example, you can use this field to link to a Terms & Conditions page or a landing page promoting a sale. |
|
Alternate Message 2 URL |
Determines the full URL to which you want the header bar Alternate Message 2 to 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 to display in the header bar. |
|
Alternate Message 1 - Header Bar |
Sets the alternate message to display in 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 to display in 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 value to qualify for free or special rate shipping. |
|
Show Product Banner |
If checked, displays the product banner on PDPs. |
|
Progress Message - Product Banner |
Sets the message to display on the PDP when a customer has not 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 has not 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 |
Determines the symbol or abbreviation to display with the amount to denote the currency type. |