Shipping Bar

This topic applies to

Applies to

SuiteCommerce Web Stores | Site Management Tools

 

 

The SuiteCommerce 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.

Important

SuiteCommerce extensions are only available if provisioned, installed, and activated for a selected domain in your account. For more information, see NetSuite SuiteCommerce 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 towards 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 Web Site Setup record. For more information, see the help topics 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 web store:

  1. Create a new shipping item to apply free or special rate shipping automatically. You use this shipping item as your default shipping method. See the help topic 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 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 size 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.

  • 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.

  • 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.

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 on using the Theme Customizerl in SMT, see Theme Customizer.

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 :

  1. In NetSuite, go to Setup > SuiteCommerce Advanced > Configuration.

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

  3. Navigate to the Extensions tab.

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

  5. 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.

Shipping Bar Size

Sets the size of the shipping bar you want to display on your site.

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

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.