Shipping - Thresholds

Free Shipping Threshold

Overview

• Use our convenient Free Shipping Threshold Component and customize the feature to match your brand and design.
• Leverage your design expertise with the Global-e GetFreeShippingThreshold method implementation

Free Shipping Threshold Component

• Location on the site where the component should be placed
• The text to be used (if you don’t want the default text)
• Special design requests regarding fonts, colours, or sizes as detailed in Customizable Elements

Customizable Elements

<{OuterContainerHtmlTag} id='{OuterContainerId}' class='{OuterContainerClass}' style='{OuterContainerStyle}'>
	<{InnerContainerHtmlTag} id='{InnerContainerId}' class='{InnerContainerClass}' style='{InnerContainerStyle}'>
	</{InnerContainerHtmlTag}>
</{OuterContainerHtmlTag}>

• Class:
  .FSTBanner {
    background-color: black !important;
  }
  
  .FSTBanner_Yellow {
    background-color: yellow !important;
  
• Style:
  OuterContainerStyle: "background-color: yellow;"
  InnerContainerStyle: "background-color: green;"
  

• The progress bar with numbers
  
• The progress bar without numbers
  

GetFreeShippingThreshold

Get Free Shipping Threshold By GeoIP

GEM_Components.ExternalMethodsComponent.GetFreeShippingThresholdByGeoIP(function (data) {
    console.log(data);
});

{
    "ErrorMessage": "",
    "CountryCode": "GB",
    "CurrencyCode": "GBP",
    "ShippingThreshold": 40,
    "FreeShippingCarrier": "Tracked Post",
    "CartData": {
        "CartTotalPrice": null,
        "CountryCode": "GB",
        "CurrencyCode": "GBP",
        "CurrencySymbol": "£"
    }
}

GEM_Components.ExternalMethodsComponent.GetFreeShippingThresholdByGeoIP(function (data) {
    // Handle the result of the method's execution here.
       console.log(data);
});

• Make sure that the necessary Global‑e scripts are loaded before calling the method: use the window['GlobalE_Localize_Set'] function to set the data parameter. This will ensure that the GetFreeShippingThresholdByGeoIP method has access to the necessary information to calculate the free shipping threshold value.
• Call the method only when necessary. Since the method relies on the customer’s location and cart data, avoid calling the method more often than necessary to conserve resources and minimize unnecessary requests.
• Consider caching the result of the method’s execution. To avoid making unnecessary requests to the server, you can cache the result of the GetFreeShippingThresholdByGeoIP method’s execution and reuse it when appropriate.

Get Free Shipping Threshold (Without GeoIP)

GEM_Components.ExternalMethodsComponent.GetFreeShippingThreshold(
    { "CountryCode": "String", "CurrencyCode": "String" },
    callback: (response: IGetFreeShippingThresholdResponse) => void
    ): void

export interface IGetFreeShippingThresholdResponse {
    CountryCode: string;
    CurrencyCode: string;
    ErrorMessage: string;
    ShippingThreshold: number;
    FreeShippingCarrier: string;
    CartData: IUserCartLocalizeSetting;
}

GEM_Components.ExternalMethodsComponent.GetFreeShippingThreshold(
   { "CountryCode": "US", "CurrencyCode": "USD" },
    function (data) {
    // Handle the result of the method's execution here
    console.log(data);
   }
);

• Make sure to pass in the correct country code and currency code for the customer’s location and cart data to ensure accurate results.
• Call the method only when necessary. Since the method relies on the customer’s location and cart data, merchants, avoid calling the method more often than necessary to conserve resources and minimize unnecessary requests.
• Consider caching the result of the method’s execution. To avoid making unnecessary requests to the server, you can cache the result of the GetFreeShippingThreshold method’s execution and reuse it when appropriate.