Service points in the Shopify cart

If your Shopify plan can’t show shipping prices from Zippendo, your checkout shows only the shipping methods you made in Shopify yourself, and your customers can’t pick a service point there. With Service points in the cart, they pick one in the cart instead, before they go to checkout. At checkout they choose your service point shipping method, which can show the service point in its name. The order arrives in Zippendo with that service point, ready to send. Step by step: Let customers pick a service point in the Shopify cart.

​

Before you start

• A connected Shopify webshop whose orders Zippendo imports.
• Shipping method mapping with at least one Shopify shipping method linked to a shipping rule whose product delivers to a service point, such as “GLS Pakkeshop”.

​

Set up service points in the cart

The picker appears above the checkout button, on your cart page and in the cart drawer (the cart that slides in from the side). If your theme shows it in the wrong place, or not at all, add the Service point picker block to your cart page in the theme editor instead. While that block is on the page, the picker is shown only there. In the theme editor, Service point picker in the cart and the Service point picker block have two look settings: Accent color and Corner roundness. Leave Accent color empty to match your theme’s checkout button. To show the service points on a map, add your Google Maps key in Google Maps key (optional) on the card. See Get Google keys for the service point map and address search.

​

Choose how checkout behaves

Once it is on, the card has these settings. Each change is saved straight away.

• When a customer picks a service point shipping method without choosing a service point:
  • Stop checkout and ask them to choose: checkout shows “Choose your service point in the cart before you place the order.” 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 is placed, and Zippendo uses the Service point choice on the mapping (Nearest automatically or Choose manually).
• Show the chosen service point in the shipping method name: at checkout, your shipping method shows the service point the customer picked, for example “GLS Pakkeshop – Netto, Vesterbrogade 101”. Turn it off to keep your own name.

Shipping methods with a service point choice lists the Shopify shipping methods your customers can pick a service point for. To add one, map it to a service point shipping rule under Shipping method mapping.

​

What your customers see

1. Above the checkout button, under Choose a shipping method, customers pick Home delivery or Service point.
2. Service point opens a window called Pickup at a service point that asks for their country and postcode. They click Find service points.
3. The window lists the service points each carrier finds near that postcode, for each of your service point shipping methods, nearest first, with the name, address and distance, and the opening hours when the carrier provides them. With a Google Maps key, a map next to the list shows each service point. Clicking a pin selects that service point in the list.
4. They click Use this service point. The Service point card shows their choice and the shipping method to choose at checkout. They can click Change or Remove.
5. Home delivery removes a chosen service point and reminds them to choose home delivery at checkout.
6. At checkout, they choose that 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.

The picker and the checkout message use your customer’s language when Zippendo supports it, and English otherwise.

​

After the order is placed

Zippendo imports the order as usual. When the customer chose the matching shipping method, the shipment is created with the mapped shipping rule and the service point they picked, ready to send. When they chose another shipping method at checkout, such as home delivery, the order follows that method’s mapping and the service point from the cart is ignored.

​

Limits

• Express checkout buttons, such as Shop Pay, skip the cart, so customers who use them can’t pick a service point there.
• Your shipping methods and prices in Shopify stay your own. Zippendo only adds the service point.

​

Switch it off

On the card, click Switch off. Checkout goes back to your shipping methods as you named them in Shopify. Then turn off Service point picker in the cart in the theme editor, or remove the Service point picker block, and click Save.

​

Troubleshooting

• The card shows Not available. Zippendo doesn’t import this webshop’s orders. See the warning above.
• The card says customers already pick a service point at checkout. The service point picker or the service point map is on. Only one way to show service points can be on at a time: under Service points at checkout, choose Rate list (one rate per service point) first.
• The card still asks you to approve permissions. Open Zippendo from Apps in your Shopify admin and approve the update Shopify shows. Then reload the page in Zippendo.
• Customers don’t see the picker in the cart. Click Open theme editor and check that Service point picker in the cart is switched on, then click Save. If your theme or cart app still hides it, add the Service point picker block to your cart page.
• There is no map in the window. Add a Google Maps key on the card, and check that the key allows your webshop’s domain. See Get Google keys for the service point map and address search.
• The picker finds no service points. Make sure the customer’s country has a shipping rule with a service point product, and that the rule is mapped under Shipping method mapping.
• The shipping method name doesn’t show the service point. Show the chosen service point in the shipping method name is off, or the name would be too long. The service point is still used for the shipment.