EstimateShipping container

The EstimateShipping container renders a form that allows shoppers to estimate shipping costs based on their specified location. The form includes fields for the shopper to enter their country, state, and postal code.

EstimateShipping container

Configurations

The EstimateShipping container provides the following configuration options:

Parameter	Type	Required	Description
showDefaultEstimatedShippingCost	boolean	Yes	Displays the default estimated shipping cost before the shopper enters location details.

Example configuration

The following example demonstrates how to render the EstimateShipping container:

EstimateShipping: (ctx) => {
  const estimateShippingForm = document.createElement('div');

provider.render(EstimateShipping, {
    showDefaultEstimatedShippingCost: true,
})('#estimate-shipping');