> ## 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.

# Ajouter le sélecteur de points relais à la caisse Shopify

> Pas à pas, en images. Avec Shopify Plus, laissez vos clients choisir leur point relais dans un sélecteur placé sous le mode de livraison, au lieu de faire défiler une longue liste.

Dans ce tutoriel, vous ajoutez le sélecteur de points relais Zippendo à votre caisse Shopify. Au lieu d'une longue liste avec un mode de livraison pour chaque point relais, vos clients voient chaque mode de livraison en point relais une seule fois. Lorsqu'ils le choisissent, le point relais le plus proche de chez eux est déjà sélectionné, avec son adresse et ses horaires d'ouverture. Ils en veulent un autre ? Ils cliquent sur **Changer de point relais** et choisissent dans une liste, ou sur une carte si vous ajoutez votre propre clé Google Maps.

![Caisse Shopify avec le mode de livraison GLS pakkeshop sélectionné. En dessous, le point relais le plus proche avec sa distance, son adresse et ses horaires d'ouverture, et un bouton Changer de point relais](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/06-checkout-picker.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=03434e9719adebf1a89e2347ee4edf46)

Ce que voient vos clients : le point relais le plus proche est déjà choisi

Comptez environ 10 minutes. Vous commencez dans Zippendo, puis vous ajoutez le sélecteur dans l'éditeur de caisse de Shopify.

> [!NOTE]
>
> **Ce dont vous avez besoin**
>
> * Une boutique en ligne Shopify avec la formule **Shopify Plus**. Shopify ne permet aux applications d'ajouter des éléments à la page de caisse qu'avec Shopify Plus.
> * Vos tarifs d'expédition à la caisse. Voir [Afficher vos tarifs d'expédition dans la caisse Shopify](https://www.zippendo.com/docs/fr/tutorials/shopify-checkout-prices.md).
> * Une [règle d'expédition](https://www.zippendo.com/docs/fr/tutorials/shipping-rules.md) qui livre en point relais, comme « GLS Pakkeshop ».

> [!NOTE]
>
> Vous n'êtes pas sur Shopify Plus ? Vos clients peuvent tout de même choisir un point relais : chacun s'affiche comme un mode de livraison à part entière. Voir [Afficher vos tarifs d'expédition dans la caisse Shopify](https://www.zippendo.com/docs/fr/tutorials/shopify-checkout-prices.md).

## Étape 1 : Activer le sélecteur dans Zippendo

**1. Ouvrir les paramètres de votre boutique en ligne**

Cliquez sur **Canaux de vente** dans le menu de gauche. Dans l'onglet **Connectés**, cliquez sur votre boutique en ligne Shopify. Vous arrivez sur l'onglet **Commandes et caisse**.

**2. Choisir le sélecteur de points relais Zippendo en caisse**

Faites défiler jusqu'à la carte **Points relais en caisse**. Sous **Les clients choisissent un point relais via**, choisissez **Sélecteur de points relais Zippendo en caisse**.

![Carte Points relais en caisse avec la liste ouverte : Liste de tarifs (un tarif par point relais), Carte des points relais (Shopify, expérimentale) et Sélecteur de points relais Zippendo en caisse](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/01-service-point-choice-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=725c3d71cc793788b2ac4db56c72ccda)

Choisissez Sélecteur de points relais Zippendo en caisse

Vous ne pouvez pas le choisir, et il est indiqué **Désactivez d'abord les points relais dans le panier** ? Vos clients choisissent déjà leur point relais dans le panier. Une seule des deux options peut être activée : désactivez d'abord **Points relais dans le panier**.

**3. Approuver les nouvelles autorisations, si Zippendo le demande**

Si la carte indique **Approuvez les nouvelles autorisations de Zippendo dans Shopify**, cliquez sur **Approuver dans Shopify**. Shopify s'ouvre et vous demande d'approuver. Approuvez, revenez dans Zippendo, rechargez la page et choisissez de nouveau **Sélecteur de points relais Zippendo en caisse**.

**4. Ouvrir l'éditeur de caisse**

La carte affiche maintenant **État du sélecteur de points relais**, avec **En attente de la première caisse** tant que le sélecteur n'a pas été affiché à un client. Cliquez sur **Ouvrir l'éditeur de caisse**. L'éditeur de caisse de Shopify s'ouvre dans un nouvel onglet.

![Carte Points relais en caisse avec Sélecteur de points relais Zippendo en caisse choisi, l'État du sélecteur de points relais, un bouton Ouvrir l'éditeur de caisse et des champs pour une clé Google Maps facultative et une clé Google de recherche d'adresse facultative](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/02-picker-status-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=44ae3f93d8bef66cf0965987d9cbb618)

État du sélecteur de points relais, avec le bouton Ouvrir l'éditeur de caisse

Les deux champs de clé Google en dessous sont facultatifs. Vous pouvez les remplir maintenant ou plus tard : voir « Une carte et la recherche d'adresse » en bas de cette page.

## Étape 2 : Ajouter le bloc Zippendo à la caisse

L'éditeur de caisse fait partie de Shopify : les noms indiqués ici sont donc ceux de Shopify.

**1. Ouvrir Apps**

En haut du panneau de gauche, cliquez sur **Apps** : la troisième icône, avec quatre petits carrés. Vous voyez **Zippendo service point picker**.

**2. Ajouter le bloc**

Cliquez sur le **+** à côté de **Zippendo service point picker**, puis sur **Checkout**.

![Le panneau Apps de l'éditeur de caisse de Shopify avec Zippendo service point picker et un petit menu : Add to, Checkout](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/03-shopify-editor-add-block.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=b8af27f9bc947d59b6bbca1e0a0592bd)

Cliquez sur + à côté de Zippendo service point picker, puis sur Checkout

## Étape 3 : Activer deux paramètres

Les paramètres du bloc s'ouvrent à gauche, sous **Checkout behavior**. Activez les deux :

* **Allow app to block checkout** : laisse au sélecteur un instant pour enregistrer le choix de votre client avant qu'il ne paie. Cela n'empêche jamais personne de payer.
* **Include block in Shop Pay** : les clients qui paient avec Shop Pay voient aussi le sélecteur.

![Paramètres du bloc Zippendo service point picker, avec Allow app to block checkout et Include block in Shop Pay tous deux activés](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/04-shopify-editor-block-settings.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=947e4915901fcb23b90c8b008d6b489e)

Les deux interrupteurs activés

## Étape 4 : Enregistrer

Cliquez sur **Save** en haut à droite de l'éditeur de caisse. Vous voulez vérifier où le bloc a été placé ? Cliquez sur la première icône en haut du panneau de gauche : **Zippendo service point picker** se trouve sous **Shipping method**.

![Les sections de la caisse dans l'éditeur de caisse de Shopify. Sous Delivery, Ship, Shipping method et Shipping option list figure le bloc Zippendo service point picker](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/05-shopify-editor-block-placed.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=d982185736a3da235625650b930b69dd)

Le bloc se trouve sous Shipping method

## Étape 5 : Essayer en tant que client

Ouvrez votre boutique en ligne, ajoutez un produit au panier et passez à la caisse. Saisissez une adresse de livraison et choisissez votre mode de livraison en point relais. Le point relais le plus proche est choisi pour vous.

Cliquez sur **Changer de point relais** pour voir les autres. Vos clients peuvent rechercher un code postal ou un nom de point relais, et parcourir la liste avec les flèches. Si vous avez ajouté une clé Google de recherche d'adresse, ils peuvent aussi rechercher une adresse ou un secteur.

![Le sélecteur ouvert dans la caisse Shopify : les boutons Liste et Carte, un champ de recherche, les points relais les plus proches avec leur distance, et des flèches pour parcourir la liste](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/07-checkout-picker-list.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=5bd91e8d8cb986d303edc9f2be5ba6c2)

Après Changer de point relais : chercher, puis choisir parmi les points relais les plus proches

> [!TIP]
>
> De retour dans Zippendo, l'**État du sélecteur de points relais** passe de **En attente de la première caisse** à **Actif**. Désormais, les commandes arrivent avec le point relais choisi par votre client.

> [!WARNING]
>
> Tant que le sélecteur n'a pas été affiché dans une caisse, Zippendo continue d'afficher un mode de livraison pour chaque point relais, afin que vos clients puissent toujours choisir. Lorsque vous voulez arrêter d'utiliser le sélecteur, désactivez-le toujours d'abord dans Zippendo, et ne retirez le bloc dans Shopify qu'ensuite.

## Une carte et la recherche d'adresse

D'emblée, vos clients disposent d'une liste dans laquelle ils peuvent rechercher par code postal ou par nom de point relais. Vous pouvez ajouter deux options supplémentaires avec vos propres clés Google :

* **Une carte** : avec une **Clé Google Maps**, vos clients peuvent basculer entre **Liste** et **Carte**, et choisir un point relais en cliquant sur son épingle.
* **La recherche d'adresse** : avec une **Clé Google de recherche d'adresse**, vos clients peuvent rechercher n'importe quelle adresse ou n'importe quel secteur, et déplacer la carte pour voir les points relais qui s'y trouvent.

Collez les clés dans les deux champs de la carte **Points relais en caisse**. Comment les obtenir, pas à pas : [Obtenir des clés Google pour la carte des points relais et la recherche d'adresse](https://www.zippendo.com/docs/fr/how-to/google-maps-key.md).

## Bon à savoir

* **Apple Pay et Google Pay** sautent la partie de la caisse où se trouve le sélecteur. La commande arrive tout de même, et Zippendo utilise le point relais le plus proche de l'adresse de livraison.
* **Retrait en magasin ou points de retrait de Shopify** : si votre boutique en ligne les propose, lisez les étapes de l'éditeur de caisse dans [Sélecteur de points relais en caisse](https://www.zippendo.com/docs/fr/order-channels/shopify-checkout-pickup-picker.md).
* **Le désactiver** : dans la carte, choisissez **Liste de tarifs (un tarif par point relais)**.

Tous les détails : [Sélecteur de points relais en caisse](https://www.zippendo.com/docs/fr/order-channels/shopify-checkout-pickup-picker.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.