How Product Page Widget feature works

How Product Page Widget feature works

General Information

Product Page Widget (aka Shipping on Product Pages) is an advanced feature that is available in the left menu in the section Pro Features.

Product Page Widget allows you to provide your customers with certain shipping methods and rate estimates right on product pages. You can configure the feature to display whether the cheapest shipping option or the fastest one. Also, you can adjust the number of shipping options to display.

Product Page Widget configuration

Product Page Widget functionality becomes available in the left menu as soon as you subscribe to this advanced feature. Follow Menu > Product Page Widget to reach the Product Page Widget settings.

Website, number of rates, and sorting


First, you will need to select a website for which the feature should be applied. Please, expand the dropdown menu under the Website headline and select the required website.
Next, adjust the two main options that define the feature behaviour:
Number of Rates to Display — define the number of shipping options that will be displayed on a product page.
Sorting — select the sorting method that will be applied to the shipping rates. Choose Fastest or Cheapest to define the sorting algorithm.

Shipping options to display


Below, in the Available Shipping Options section you can adjust certain shipping methods to choose from and to display them on product pages.
You can choose from the all available shipping options divided into 4 groups:
  1. Flat Rate Options
  2. Free Shipping Options
  3. Table Rates Methods
  4. In-Store Pickup Stores

Default 'Ship To' address


Then, you will have to set the Fallback "Ship To" Address parameters. This address is used only for your guest customers to define the available shipping methods, estimate rates and display them on a product page. For logged-in customers shipping estimates will be done based on their address.

Please, fill in the address:
  1. Country
  2. State/region
  3. City
  4. Zip/postal code
  5. Address line 1
  6. Address line 2

Product page text customisation


Finally, you can adjust the text that will be displayed on product pages throughout your store. In the Text Displayed on Product Pages section there are two configurable lines of texts:
  1. In-Store Pickup Template — is used for all the in-store pickup shipping options
  2. Other Options Template — is used for the rest shipping methods (flat rate, free shipping, table rates)
Fill in the required text using the supported variables to make it more meaningful.
The following variables are available to use in text:
  1. shipping rate - {rate}
  2. method or option display name - {name}
  3. delivery date from - {delivery_from}
  4. delivery date to - {delivery_to}
When the configuration is complete, please, hit the Save button to apply changes and add the Product Page Widget functionality to the store pages.

    • Related Articles

    • How to set up the Estimated Shipping App for Shopify

      Step 1: complete widget settings Complete widget settings in order to specify shipping rates, estimated delivery dates and countdown timer displayed on product pages. Main settings 1) Shipping method displayed in widget Select on of your existing ...

    • How Multi-Origin Shipping feature works

      Video: How to Set Up Multi-Origin Shipping in Calcurates? Enable Multi-Origin feature To add the Multi-Origin advanced feature to your Calcurates account you need to enable toggle Multi-Origin Shipping on the Origins page Having the functionality ...

    • Volumetric Weight: get carrier rates or calculate own rates based on dim weight

      Video: How to Set Up Volumetric Weight in Calcurates? Overview Wit this feature you may request real-time carrier rates or calculate your own rates based on the pre-calculated Volumetric Weight. Cart's Volumetric Weight will be compared with the ...

    • Address Validation: set up own rates based on the address status

      Overview You may charge higher rates set with Table Rates for residential addresses. Check the residential status of the destination address entered at checkout before calculating Table Rates. Address Validation: Popular Scenarios Check some popular ...

    • Duties & Taxes: get estimated international duties & taxes

      Overview With this feature you may get estimated international duties & taxes together with carrier’s real-time shipping rates and use them in your shipping methods (Carrier Services or Table Rates methods). Enabling Duties & Taxes feature will cause ...