# Frontend Display of Shipping Calculator

<figure><img src="/files/N353QtF0dzQ7EjRaKK7N" alt=""><figcaption></figcaption></figure>

Shipping Calculator will be displayed to customers on the Product Page under the Product Description as shown in the image. When the customer clicks on the Calculate button, the shipping cost will be evaluated based on the shipping address. Customers can even change the Shipping Address.

<figure><img src="/files/WYDxWPvqUdnhbMKDUlPu" alt=""><figcaption></figcaption></figure>

When the user clicks on Change Shipping Address, a popup will be generated requesting the user to change the location. Customers can change the Country and State by selecting an option from the drop-down list. Also, the customer can enter the Zip/Postal Code. As the customer clicks on Submit, the shipping address gets successfully changed.

<figure><img src="/files/SJDZUvlP3NGbktDsVJMy" alt=""><figcaption></figcaption></figure>

An additional tab is added on the Product Page as shown in the image when the Show Shipping Calculator field is set to In Additional Tab.  When the customer clicks on the Calculate button, the shipping cost will be evaluated based on the shipping address. Customers can even change the Shipping Address.

If anything goes wrong, please contact us at <support@magecomp.com>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.magecomp.com/magento-2-shipping-calculator-extension/frontend-display-of-shipping-calculator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.