Shipping banner configuration
Using ShipScout, you can add shipping banner(s) to your website. The banner will dynamically render text depending on the customer's state.
Layout and placement
There are two out-of-the-box ways to layout the shipping banner: floating widget and top bar. We recommend using the floating widget, since it is well supported in all themes. The top bar layout works for most themes but for certain themes, ShipScout might not be able to determine where to place the shipping banner.
You can add the following code in your theme where you would like ShipScout to place this shipping banner:
You can add as many of these elements as you need and we will replace them all with top bars.
The banner text
The banner text will render differently for each of the following scenarios:
When there is a threshold-based promotional rate
When there is a flat rate, but no threshold-based promotional rate
When shipping is always free
For each scenario, you can set a separate text template:
Within each template, you can use template variables to dynamically render currency values (denoted with curly braces. e.g. {threshold_value}
):
Template variables | Definition |
---|---|
threshold_value | The order value or the item count that must be met to trigger the special shipping pricing |
threshold_met_shipping_price | The shipping price when the threshold amount is met |
shipping_price | The flat rate pricing that is available when the threshold amount is unmet, or when using flat rate shipping pricing |
Hide the shipping banner based on visitor location
If you're running a split test, for example, only in the Germany & Austria then you likely will not want visitors from other countries to see a "Free shipping over €50" banner.
Below we have some javascript you can include that will hide the banner for all visitors from outside of Germany or Austria.
You will need to modify line #4 so that it's an array of the countries included in the current test.
We recommend placing this script just before the closing </head> tag but it can safely be placed anywhere including an external javascript file.
Last updated