> ## Documentation Index > Fetch the complete documentation index at: https://www.zippendo.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Let customers pick a service point in the Shopify cart > Step by step. If your Shopify plan can't show shipping prices from an app, let your customers choose their service point in the cart, and keep your own Shopify shipping methods. This tutorial is for webshops whose Shopify plan doesn't let an app calculate shipping prices. You keep the shipping methods and prices you typed into Shopify yourself. Zippendo adds a small picker to your cart: your customers choose **Home delivery** or **Service point**, and if they want a service point, they find one near them and pick it. At checkout they choose your service point shipping method, and the order arrives in Zippendo with the service point they picked, ready to send. ![Cart with Choose a shipping method and two cards, Home delivery and Service point, above the Check out button](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/05-cart-picker.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=e3741e8cac92fd7798324c4ffeb484b6) What your customers see in the cart It takes about 15 minutes. You do most of it in Zippendo, and click **Save** once in Shopify. > [!NOTE] > > **What you need** > > * Your Shopify webshop connected to Zippendo, with Zippendo importing its orders. See [Connect Shopify](https://www.zippendo.com/docs/tutorials/connect-shopify.md). > * A shipping method in Shopify for delivery to a service point, for example "GLS Pakkeshop". You make it under **Settings** → **Shipping and delivery** in your Shopify admin, just like your other shipping methods. > * A [shipping rule](https://www.zippendo.com/docs/tutorials/shipping-rules.md) in Zippendo for the same carrier product, such as GLS ShopDelivery. > [!NOTE] > > Does your plan let apps calculate shipping prices? Then you don't need this. Follow [Show your shipping prices in Shopify checkout](https://www.zippendo.com/docs/tutorials/shopify-checkout-prices.md) instead, and your customers choose their service point right at checkout. > [!WARNING] > > Service points in the cart work only when Zippendo imports your Shopify orders. If another system, such as PeakWMS, handles them, the card in Zippendo shows **Not available**. ## Step 1: Link your Shopify shipping method to a shipping rule You do this in Zippendo. It tells Zippendo which shipping rule to use when a customer chooses your service point shipping method. **1. Open your webshop's settings** Click **Order channels** in the menu on the left. On the **Connected** tab, click your Shopify webshop. You land on the **Orders & checkout** tab. **2. Add a mapping** Scroll down to **Shipping method mapping** and click **Add mapping**. A new row appears. **3. Pick your Shopify shipping method** Click **Shopify shipping method**. A list of your Shopify shipping methods opens, with their zones and prices. Click your service point shipping method, for example **GLS Pakkeshop**. ![Shipping method mapping card with a new row. The Shopify shipping method list is open and shows GLS Pakkeshop and Home delivery with their zones and prices](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/01-mapping-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=0b4b312f9f18e53e73df0dad086d4862) Pick your Shopify shipping method from the list Your shipping method isn't in the list? Check that it exists in Shopify and has a fixed price. You can also type the name, exactly as your customers see it at checkout. **4. Choose the shipping rule and save** Under **Shipping rule**, choose the rule that delivers to a service point. Leave **Service point** on **Nearest automatically**, then click **Save changes**. Every detail of mappings: [Shopify without carrier-calculated shipping](https://www.zippendo.com/docs/order-channels/shopify-shipping-method-mapping.md) ## Step 2: Switch on service points in the cart Still in Zippendo, scroll down to the **Service points in the cart** card, below **Shipping method mapping**. The card walks you through the setup one step at a time. **1. Approve the new permissions, if Zippendo asks** If the card shows **Approve Zippendo's new permissions in Shopify**, click **Approve in Shopify**. Shopify opens and asks you to approve. Approve, then come back to Zippendo. **2. Switch it on** Under **Switch on service points in the cart**, click **Switch on**. ![Service points in the cart card, Off, with Switch on service points in the cart and a Switch on button](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/02-switch-on-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=d4e2e1756245673f072dd376fba422cc) The card before you switch it on Once it's on, the card shows what to do next, and a few choices you can come back to later. ![Service points in the cart card, On, with Add the service point picker to your cart and an Open theme editor button, the choice Stop checkout and ask them to choose, Show the chosen service point in the shipping method name switched on, GLS Pakkeshop listed as a shipping method with a service point choice, and a box for an optional Google Maps key](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/03-card-on-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=f6f66052d8d8ac376cc0344557a1caf2) The card once it's on ## Step 3: Add the picker to your cart in Shopify **1. Open the theme editor** On the card, under **Add the service point picker to your cart**, click **Open theme editor**. Shopify's theme editor opens with **Service point picker in the cart** already switched on under **App embeds**. ![Shopify theme editor with App embeds open, Service point picker in the cart from Zippendo switched on, its Accent color and Corner roundness settings, and the Save button at the top right](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/04-theme-editor.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=75f655c2f394ada5e6a2e0f96f3575e6) App embeds in Shopify's theme editor: the picker is switched on, with its look settings **2. Make it match your webshop (optional)** Click **Service point picker in the cart** to see its settings: * **Accent color**: the color of the chosen card, the chosen service point and the main button. Leave it empty, and the picker uses the colors of your theme's checkout button. * **Corner roundness**: how round the corners of the cards and buttons are. Set it to 0 for square corners. **3. Save in Shopify** Click **Save** at the top right of the theme editor. If you don't, your customers won't see the picker. The picker shows above the checkout button, both on your cart page and in the cart drawer (the cart that slides in from the side). If your theme puts it in the wrong place, or doesn't show it at all, add the **Service point picker** block to your cart page in the theme editor instead. ### Add a map (optional) Add your own Google Maps key, and your customers see the service points on a map next to the list. Paste the key into **Google Maps key (optional)** on the **Service points in the cart** card and click **Save key**. How to get a key, step by step: [Get Google keys for the service point map and address search](https://www.zippendo.com/docs/how-to/google-maps-key.md). ## Step 4: Try it as a customer Now check it the way your customers will see it. **1. Open your cart** Open your webshop and put a product in the cart. Above the checkout button, under **Choose a shipping method**, you see two cards: **Home delivery** and **Service point**. **2. Find service points** Click **Service point**. A window called **Pickup at a service point** opens. Choose a **Country**, type a **Postcode** and click **Find service points**. The nearest service points appear with their address and distance, and **Opening hours** opens their opening hours. With a Google Maps key, a map next to the list shows them too: clicking a pin selects that service point. ![The Pickup at a service point window after a postcode search: GLS service points with their address, distance and opening hours, one of them selected, a map with GLS pins, and a Use this service point button](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/06-cart-results.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=19bdfedb46228185d3f426045069e6d6) Service points near the postcode, in the list and on the map **3. Choose one** Select a service point and click **Use this service point**. The window closes, and the **Service point** card shows your choice, with **Change** and **Remove**. Below the cards, a line says which shipping method to choose at checkout. ![The Service point card selected, showing the chosen service point with Change and Remove links, and the text At checkout, choose the shipping method GLS Pakkeshop](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/07-cart-chosen.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=183d5ad92ead52103aa1bb9baeac84c6) The chosen service point, and the shipping method to pick at checkout **4. Go to checkout** At checkout, choose your service point shipping method. Service point shipping methods that can't deliver to the chosen service point are hidden, so the service point and the shipping method always match. Your other shipping methods, such as home delivery, stay available. ![Shopify checkout Shipping method list with GLS Pakkeshop – Føtex Vesterbrogade, Vesterbrogade 74-76 selected at 41,00 kr and Home delivery at 51,00 kr](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/08-checkout.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=846900c6d0ffe173d2664d2474192528) At checkout, the shipping method shows the chosen service point > [!TIP] > > The order arrives in **Orders** in Zippendo with the shipping rule from your mapping and the service point your customer chose, ready to send. The picker works the same way in a cart drawer: ![A cart drawer with the cart items, the estimated total, Choose a shipping method with Home delivery and Service point cards, and the Check out button](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-cart-service-points/09-cart-drawer.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=7c55410bf14a1865f119e1074862e44c) The same picker in a cart drawer ## Choose what happens without a service point Once it's on, the card also lets you choose what happens when a customer picks your service point shipping method at checkout without choosing a service point in the cart: * **Stop checkout and ask them to choose**: the customer can't place the order until they pick a service point in the cart. * **Let the order through and use the mapping's service point setting**: the order goes through, and Zippendo uses the **Service point** choice on your mapping: **Nearest automatically** or **Choose manually**. **Show the chosen service point in the shipping method name** adds the service point to the shipping method's name at checkout, for example "GLS Pakkeshop – Netto, Vesterbrogade 101", so your customer can see where the parcel goes. ## Good to know * **Home delivery** removes a chosen service point, so a customer who changes their mind gets the parcel at home. * The countries in the picker are the countries your webshop sells to in Shopify. * Express checkout buttons, such as Shop Pay, skip the cart. Customers who use them can't pick a service point there. * Your Shopify shipping methods and prices stay your own. Zippendo only adds the service point. * **Switch it off**: click **Switch off** on the card. Then, in the theme editor, switch off **Service point picker in the cart** and click **Save**. All the details: [Service points in the Shopify cart](https://www.zippendo.com/docs/order-channels/shopify-cart-service-points.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.