Shopify version 2 service points setup guide

Introduction
This guide will walk you through the process of setting up service points in your Shopify checkout using Sendcloud. Note that this article is only for users who can view the "Update Now" button on the Sendcloud panel, indicating that they already have Shopify integrated with Sendcloud.

Before you set up:

Before setting up the checkout and service points, please ensure you have completed the migration steps.

If you are using service points and can't complete the migration steps, do not proceed with the setup.

For detailed migration steps, please refer to our Shopify Migration Guide and make sure to review these steps carefully to ensure a smooth setup process.

Important Differences Between Shopify Plus and Shopify Non-Plus

It's important to understand the differences between:

• Shopify Plus: The service points picker is available on the checkout page and allows you to add extensions directly to the checkout page.
• Shopify Non-Plus (Basic, Shopify, Advanced): The service points picker is available on the thank you page. Due to Shopify restrictions, Non-plus users are not able to add extensions on the checkout page.

This distinction is crucial because it affects where the service points picker can be implemented. Shopify Non-plus users must navigate to the "thank you" page to use the service points picker, whereas Shopify Plus users have the convenience of selecting service points directly on the "checkout page".

How to Configure Extensions:

1. Install the application on a shop.
   
   
2. In Settings > Checkout settings, in Configurations click on the "Customize" black button:
   
   
   
3. Depending on the shop status, select a page in the checkout flow (if you have a Shopify Plus store you will need to select "Checkout", otherwise please select "Thank You").
   
   
   
4. From the block selector on the bottom left side, press the "+ add app block" button: 
5. Add the available extension to the Checkout component tree on the left side:
   • For Shopify Non-Plus users: Non-Plus Service Point Picker Sendcloud
   • For Shopify Plus users: Confirmation Sendcloud
   You will also be able to preview how it looks:
   
   This step is demonstrated in the video located at the beginning of the article at minute 1:32:
   
   
6. Save the Checkout configuration (Top right side of the page).
   
   
7. Go back to Settings > Shipping and Delivery and inside "Shipping" open the General shipping rates panel.
   
   
8.  Create a service point shipping method by clicking on "Add Rate":
   
   
   Note: For a shipping method name to be valid it must start with "Service Point Delivery" followed by a space and then CarrierName (for this to work, you must have enabled the carrier of interest in the Shopify integration settings in Sendcloud’s panel).

   Shipping method name
   

   If you want to display separated maps for each carrier you have activated, add a rate for each of them and use the title "Service Point Delivery + Name of the carrier". For instance :

   Service Point Delivery UPS
   Service Point Delivery PostNL
   
   If you have an international shop available in different languages, use the following titles to name the service point delivery methods:

   "Service Point Delivery" in English
   "Servicepunt" in Dutch
   "Paketshop Zustellung" in German
   "Livraison en Point Relais" in French
   "Recogida en Punto de Servicio" in Spanish
   "Consegna al Punto di Servizio" in Italian

   See other options for valid Service Point names per language:
   

   • German:
     "Servicepunt Levering"
     "Paketshop Zustellung"
     "Paketshopzustellung"
   • French:
     "Livraison en Point Relais"
     "Livraison Point Relais"
     "Service Point Relais"
   • Spanish:
     "Recogida en Punto de Servicio"
     "Punto de Servicio"
   • Italian:
     "Consegna al Punto di Servizio"
     "Consegna al Punto di Ritiro"
     "Consegna al Pick Up Point"
     "Consegna al Punto di Raccolta"
     "Punto di Servizio"
     "Punto di Ritiro"
     "Punto di Raccolta"
   • English:
     "Sevice Point Delivery"
     "Pick Up Point"
     "Service Points"
   • Dutch:
     "Postpunt"
     "Afhaalpunt"
     "Servicepunt"
     "Servicepoint"
     "Service-point"
     "Service point"
     "Ophalen bij PostNL Locatie"
     "Pickup Location - DHL/Postnl Pickup Location"
   Note: The selector will show all active carriers for the integration if you use the proper shipping method prefix (“Service Point Delivery”) without specifying a carrier name. Additionally, if a customer chooses this option, all carriers will have the same price.
   Important for non-plus Shopify users: Sendcloud allows you to display the service point selection map at your Shopify checkout. However, a limitation from Shopify makes it possible to display the map only after payment. You can, therefore, add a note for your clients in the Custom delivery description text box, for example: "(Select your service point after payment)"

   See here how

   

9. On the Sendcloud Panel, navigate to Settings > Integrations > Configure and select "Service Points", then click Save:
   
   
   
   
10. The Picker (where your customers can select their preferred service point or pickup location), for Shopify Plus looks exactly the same way compared to the "checkout" page and the new "thank you" page:
    
    

Conclusion
Following these steps will help you successfully migrate to Shopify Version 2 and set up service points in your Shopify checkout using Sendcloud. If you encounter any issues or require further assistance, please refer to Shopify guide or contact our Customer Support team.