> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/shopify-post-checkout-widget.md).

# Widget de post-achat Shopify

Les parrainages proviennent fréquemment de pages post-achat à fort trafic, ce qui en fait des emplacements de choix pour promouvoir votre programme de parrainage. Le widget post-achat Shopify vous permet d’engager facilement les clients juste après l’achat, ce qui stimule les parrainages. En tirant parti du framework d’extensibilité de Shopify, ce widget offre une expérience fluide et cohérente avec votre marque qui maximise l’impact du programme.

Si votre programme n’est pas présent ici, vous passez peut-être à côté d’un engagement précieux et prenez du retard sur des concurrents qui exploitent déjà ces emplacements.

#### Qu’est-ce que le widget post-achat Shopify ?

Notre widget post-achat s’appuie sur **Shopify Checkout Extensibility** pour placer un appel à l’action (CTA) de parrainage à l’image de votre marque sur les pages post-achat. Il reprend le populaire [widget d’accès instantané](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md) et prend en charge :

* Affichage intégré
* Affichage en fenêtre contextuelle

Les deux versions comportent deux états principaux du widget :

* Capture d’e-mail / identification de l’utilisateur
* Page de partage avec les détails du parrainage

#### Fonctionnalités clés

Le widget post-achat Shopify est conçu pour maximiser l’engagement autour des parrainages. Il fonctionne en deux étapes : d’abord, le widget identifie l’utilisateur en collectant son e-mail (s’il n’est pas déjà connecté), puis il affiche son lien de parrainage personnalisé ou son code, ainsi que des boutons de partage. Pour les utilisateurs Shopify connectés, l’étape de l’e-mail est entièrement ignorée pour une expérience plus fluide.

Le widget prend en charge les options d’affichage intégré et en fenêtre contextuelle, afin que vous puissiez choisir le format qui correspond le mieux à la mise en page de votre boutique et à l’expérience client. Il se connecte de manière fluide à votre programme de parrainage pour créer ou mettre à jour les profils des participants et récupérer les données de parrainage nécessaires, comme le lien de partage, le code de parrainage et les options de partage social. Jusqu’à 3 boutons de partage peuvent être affichés, avec la prise en charge de plateformes comme E-mail, Facebook, WhatsApp, Messenger, LinkedIn, X (anciennement Twitter) et SMS.

La personnalisation est une fonctionnalité essentielle. Vous pouvez adapter le contenu de chaque étape, y compris les en-têtes, sous-en-têtes, boutons CTA et messages de partage. Vous avez également la possibilité d’ajouter une image en haut du widget pour renforcer davantage votre image de marque. Point important, tous ces paramètres peuvent être configurés dans l’éditeur de pages Shopify, ce qui facilite les ajustements sans quitter l’admin Shopify.

Enfin, le widget est conçu pour reprendre l’identité visuelle de votre site, vous n’avez donc pas besoin de configurer manuellement les couleurs ou les polices. Cela garantit une apparence cohérente avec le reste de votre boutique.

#### Ajoutez le widget à votre site

Pour ajouter le widget Advocate à votre boutique Shopify :

1. Accédez à votre *éditeur de thème*.
2. Sélectionnez le **navigateur de pages** en haut de l’écran, puis choisissez **Paiement et comptes clients**.
3. Répétez l’étape ci-dessus pour le *Merci* page.
4. Dans la section principale, sélectionnez **Ajouter un bloc**, puis choisissez **widget de parrainage Advocate** dans la section d’intégration impact.com.

#### Flux du widget

L’expérience du widget est conçue pour guider les utilisateurs à travers deux étapes simples.

{% stepper %}
{% step %}

#### **Étape 1 :**

Le widget invite votre client à saisir son nom et son adresse e-mail, sauf s’il est déjà connecté à Shopify, auquel cas cette étape est automatiquement ignorée. Une fois les informations de l’utilisateur collectées, celui-ci est soit ajouté à votre programme en tant que nouveau participant, soit ses coordonnées sont mises à jour s’il fait déjà partie du programme.

<div data-with-frame="true"><figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-061bb6690e6b6dfa4a077b1ec06087f561906dac%2F571f95c03ce48a5309bb35fa3dfb1dd9f52648a8250997c9c024c97d40539df8.png?alt=media" alt="" width="484"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### **Étape 2 :**

Le client voit les détails de son parrainage. Cela inclut soit un lien de parrainage unique, soit un code de parrainage, selon la configuration du programme. Le widget affiche également jusqu’à 3 boutons de partage, et vous pouvez aussi ajouter un court message au-dessus des informations de parrainage pour encourager le partage et renforcer les avantages du programme.

<div data-with-frame="true"><figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6a0f04d21deba06ba46938c9470f105773008db9%2F4629f5cdc1fb6845cb83f3e4a6b50b677072e4915ce88d4aa69726630b9c96bb.png?alt=media" alt="" width="492"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

**Options de personnalisation**

Tout le contenu visuel peut être configuré pour refléter le ton de votre marque. Ces personnalisations seront disponibles directement dans l’ **éditeur de pages Shopify** pour faciliter l’utilisation.

| Personnalisation                              | Sections modifiables                                                                                                                                                                                                                                                                                                                                                                                           |
| --------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Partagées entre les états du widget           | <p>• URL de l’image (facultatif)</p><p>• En-tête (obligatoire)</p><p>• Sous-titre (facultatif)</p><p>• Lien vers les conditions générales (facultatif)</p>                                                                                                                                                                                                                                                     |
| Options spécifiques à la fenêtre contextuelle | • Libellé du bouton CTA (par ex. « Commencer »)                                                                                                                                                                                                                                                                                                                                                                |
| Options de collecte d’e-mails                 | <p>• CTA du bouton « Commencer à recommander »</p><p>• Champ du nom (facultatif)</p>                                                                                                                                                                                                                                                                                                                           |
| Options des informations de partage           | <p>• Texte personnalisé au-dessus du lien</p><p>• Sélectionnez jusqu’à 3 supports de bouton de partage :</p><p>• E-mail</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Lien direct</p><p>• E-mail</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Lien direct</p> |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/shopify-post-checkout-widget.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
