1. Metapack
  2. Shipping
  3. Integrations
  4. Integrating with Shopify

Configuring the Shopify Integration

Configuring the Shopify integration involves the following:

  • Setting up Delivery Manager to work with the integration.

  • Setting up the Shopify Admin app to work with the Delivery Options API.

Setting up Delivery Manager

In Delivery Manager, you will do the following:

  • Make a note of summary information about your warehouses.

  • Make a note of codes for your carrier service groups.

  • Review (and modify) cutoff times for each of your carrier services.

  • Review the shipping charges (presented to shoppers at checkout) for each of your carriers.

To set up Delivery Manager for the integration, complete the following steps:

  1. Log in to Delivery Manager.

    New_log_in_screen.png

  2. Click Setup.

    Metapack DM Navigation bar. Setup is shown selected.

  3. Scroll to the Warehouses section and click Warehouses.

    DM Setup page. The Warehouse button is shown marked.

    The warehouses (shipping locations) associated with your shipper account will display.

    Setup Warehouses page. Shows warehouse code, name, address, & phone headings.

  4. Make a note of the following information for each warehouse:

    • Warehouse code

    • Name

    • Address

    • Phone number

  5. Click Setup in the navigation bar again.

    Metapack DM Navigation bar. Setup is shown selected.

  6. Click Service Groups in the Service Groups section.

    Shows the Service Groups button on the Service groups section.

  7. Make a note of the code for each carrier service group that you want displayed by the Delivery Options API in Shopify.

    dm_service_groups_page.png

  8. Click Setup in the navigation bar again.

    Metapack DM Navigation bar. Setup is shown selected.

  9. Click Configure carriers in the Carriers and Services section.

    Shows the Configure Carriers button in the Carriers & Services section of the DM Setup page.

    Under Services, active (and inactive) carrier services associated with your shipper account are listed.

  10. Click Set cut off times under Active Services,for each carrier service.

    dm_carrrier_active_services.png

  11. Review the Cutoff and Web cutoff times for each carrier service in the Cutoff-Time Details page to ensure that there is sufficient time between ordering and despatch.

    Change the cutoff times as required.

    dm_carrier_services_cutoff_times.png

    In the example shown, the web cutoff time is two hours before the cutoff. This means that there is confidence that your fulfilment team can accept and despatch an order within 2 hours to meet the delivery date presented to a shopper.

  12. Go back to the Configure Carriers page, and click Select a carrier > Set charges.

    dm_carrier_setup_set_charges.png

  13. Select a charge type and add rules for carrier services, applicable areas (countries or zones), and applicable warehouses under the Add Charge Rule(s) section.

    dm_carrier_setup_add_charge_rules.png

You have now completed setting up Delivery Manager for the integration.

Shipping Charges

Shipping charges are not required for parcel allocation. They are not usually defined by Metapack Professional Services implementation consultants when setting up shipper accounts for new Metapack shipping customers. However, if you want to use the Delivery Options API or the Shopify integration, you must set up shipping charges in Delivery Manager.

For more information about configuring shipping charges, see Setting up the Carrier Charges.

Setting up the Shopify Admin app

In the Shopify Admin app, you will do the following:

  • Configure Metapack as an available delivery method.

  • Configure API request parameters that are passed to the Delivery Options API.

  • Configure the delivery options presented to shoppers on the product pages and checkout pages of your eCommerce website.

Note

If you want to use the Delivery Options API to return retail store locations for the integration, you must first use Metapack Location Services to set up your own stores for the API. For more information about this, see Setting up your Own Stores.

To set up the Shopify Admin app for the integration, complete the following steps:

  1. Log in to the Shopify Admin app.

  2. Click Apps > Metapack.

  3. Enter in the Host Name field the name of the Metapack Options host server provided by Metapack Professional Services.

  4. Enter your Delivery Options API key in the API key field. (Provided by Metapack Professional Services or your Metapack account manager, whichever is applicable).

    Admin_API_Key_Configuration.png

  5. Click Save.

  6. Make a selection from the Theme dropdown menu, then click Preview in theme.

    A new page will open.

    Shopify. Metapack-Checkout section. Theme dropdown-Menu & Preview in theme button shown

  7. Check to ensure that Checkout Redirect is switched on.

    Shopify. MP-Checkout. Theme page. Checkout-Redirect toggle-box shown

  8. Configure Delivery (Home/Business) as follows:

    • Select the Enable check box to display Delivery (Home/Business) to users in checkout.

      Otherwise, this option will not be displayed to shoppers.

    • Enter in the Delivery Service Groups field the Metapack Delivery Manager service groups that relate to Delivery (Home/Business) services.

    • Click Enable Nominated Day Delivery if you want to allow users to choose a specific day for delivery.

    • Enter in the Nominated Day Delivery Service Groups field the Metapack Delivery Manager service group that relates to nominated day delivery.

      Admin_Delivery_Home_Business_Configuration.png

  9. Click Save.

  10. Configure Store Collection as follows:

    • Select the Enable check box to display retail Store Collection to users in checkout.

      Otherwise, this option will not be displayed to shoppers.

    • Enter in the Service Groups field the Metapack Delivery Manager service groups that relate to Store Collection services.

    • Set a Minimum number of retail stores you want to display to users at checkout.

      Metapack recommends setting this to 2 or 3.

    • Set a Maximum number of retail stores you want to display to users at checkout.

      Metapack recommends setting this to 5.

    • Set a Radius for the search area to 1000, 2000, 5000, or 10000 metres.

      Admin_Store_Collection_Configuration.png

  11. Click Save.

  12. Configure Local Collection Point as follows:

    • Select the Enable check box to display local collection points to users in checkout.

      Otherwise, this option will not be displayed to shoppers.

    • Enter in the Service Groups field the Metapack Delivery Manager service groups that relate to Local Collection Point services.

    • Set a Minimum number of collection points you want to display to users at checkout.

      Metapack recommends setting this to 2 or 3.

    • Set a Maximum number of collection points you wish to display to users at checkout.

      Metapack recommends setting this to 5.

    • Set a Radius for the search area to 1000, 2000, 5000, or 10000 metres.

      Admin_Local_Collection_Configuration.png

  13. Click Save.

  14. Configure Default Warehouse as follows:

    Enter in the Default Warehouse Code field the code of any warehouse defined in your Metapack shipper account.

    Admin_Warehouse_Configuration.png

  15. Click Save.

  16. Configure Shipping Zones as follows:

    Click Edit and enter the code of the warehouse defined in your Metapack shipper account that relates to the Shopify shipping zone.

    Admin_Shipping_Zones_to_Warehouse_Code_Configuration.png

  17. Click Save.

  18. Optional: If you want to allow shoppers to check delivery options on product details pages, enable the Product Display Page Widget as follows:

    • Click Online Store > Themes.

    • Select your desired theme and click Customize.

    • Go to the Product page of your theme.

    • Click Add Block under Product Information.

    • Click Metapack Shipping Options in the list provided.

    • Move the Check Shipping Options block to the desired location on the page.

  19. Click Save.

You have now completed setting up the Shopify Admin app for the integration.