How to configure the Product Page Shipping Calculator


The Product Page Shipping Calculator is the latest feature added to ShipperHQ’s arsenal of Advanced Features designed to enhance a customer’s checkout experience. This new feature gives customers the ability to calculate and view the estimated shipping cost and delivery dates without having to navigate to the checkout page.


Before you begin, please ensure you have the following:

  • A Magento 2 account
  • The module-shipper or module-shq-server installed
  • A Standard, Pro, or Enterprise ShipperHQ plan

Steps to Install Product Page Shipping Calculator Module 

Before you enable the Product Page Shipping Calculator feature, use the steps below to install the Product Page Calculator and sync with your Magento 2 store.

  1. Enable Maintenance mode (php bin/magento maintenance:enable) **
  2. Run the following commands from your root Magento installation directory:
  3. composer require shipperhq/module-shq-product-page
  4. php bin/magento module:enable --clear-static-content ShipperHQ_ProductPage
  5. php bin/magento cache:flush
  6. php bin/magento setup:upgrade
  7. php bin/magento setup:di:compile 
  8. php bin/magento setup:static-content:deploy **
  9. Disable Maintenance mode (php bin/magento maintenance:disable) **

Steps to Enable and Configure Product Page Shipping Calculator

Use the steps below to enable and configure the Product Page Calculator.

  1. Log into your ShipperHQ account.
  2. Navigate to Manage Shipping > Advanced Features page.
  3. Click the Disabled toggle to enable the feature.
  4. Click the Proceed button.
  5. Click the Settings tab.
  6. Select the desired settings: 
    1. Default country – Select your default country.
    2. Hide Country Field – Select to hide or show this field.  
    3. Hide State/Region Field – Select to hide or show this field.  
    4. Hide Zip Code field – Select to hide or show this field.  Example showing how to configure Product Page Shipping Calculator after enabling it from Advanced Features menu.
  7. Click the Apply button. 
  8. You can now see the Product Page Shipping Calculator on your product pages.

Product Page Shipping Calculator Example

Here is an example of what customers see when calculating their shipping rates and estimated delivery dates:

Sample of how the Product Page Shipping Calculator works on product page.

Steps to Sync with Magento

  1. Log into your Magento account.
  2. Navigate to Stores > Other Settings > Synchronize with ShipperHQ.
  3. Click the Synchronize button to enable the Product Page Shipping Calculator.
  4. Congratulations, you have successfully enabled the Product Page Shipping Calculator.

Additional Configurations (Optional)

Get the most out of the Shipping Calculator by going to any of the following links for more ShipperHQ configuration options:

Was this doc helpful?