# Widget Shopify post-checkout

Les parrainages proviennent souvent 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 les clients immédiatement après l'achat, augmentant ainsi les parrainages. En tirant parti du cadre d'extensibilité de Shopify, ce widget offre une expérience fluide et brandée qui maximise l'impact du programme.

Si votre programme n'est pas présent ici, vous pourriez passer à côté d'un engagement précieux et prendre du retard par rapport aux concurrents qui exploitent déjà ces emplacements.

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

Notre widget post-achat exploite **Shopify Checkout Extensibility** pour placer un appel à l'action (CTA) de parrainage brandé sur les pages post-achat. Il reflète le populaire [Instant Access Widget](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget) et prend en charge :

* Affichage intégré
* Affichage en modal popup

Les deux versions présentent deux états principaux du widget :

* Capture d'email / Identification de l'utilisateur
* Page de partage avec détails du parrainage

#### Fonctionnalités clés

Le widget post-achat Shopify est conçu pour maximiser l'engagement des parrainages. Il dispose d'un flux 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 les 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 affichages intégrés et en popup, vous permettant de choisir le format qui convient le mieux à la mise en page de votre boutique et à l'expérience client. Il se connecte parfaitement à 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 prise en charge des plateformes telles que Email, Facebook, WhatsApp, Messenger, LinkedIn, X (anciennement Twitter) et SMS.

La personnalisation est une fonctionnalité essentielle. Vous pouvez adapter le contenu pour chaque étape, y compris les en-têtes, sous-titres, boutons CTA et messages de partage. Vous avez également la possibilité d'inclure une image en haut du widget pour un branding supplémentaire. Il est important de noter que tous ces paramètres peuvent être configurés dans l'éditeur de pages Shopify, ce qui facilite les ajustements sans quitter l'administration Shopify.

Enfin, le widget est conçu pour hériter du branding de votre site, il n'est donc pas nécessaire de configurer manuellement les couleurs ou les polices. Cela garantit une apparence et une sensation cohérentes avec le reste de votre boutique.

#### Ajouter 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 la *page de remerciement* .
4. Dans la section principale, sélectionnez **Ajouter un bloc**, puis choisissez **Advocate Referral Widget** 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 recueillies, il est soit ajouté à votre programme en tant que nouveau participant, soit ses donné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 se voit présenter ses informations de 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 inclure 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 la voix de votre marque. Ces personnalisations seront disponibles directement dans le **Shopify Page Editor** pour une facilité d'utilisation.

| Personnalisation                    | Sections modifiables                                                                                                                                                                                                                                                                                                                                                                                       |
| ----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Partagées entre les états du widget | <p>• URL de l'image (optionnel)</p><p>• En-tête (obligatoire)</p><p>• Sous-titre (optionnel)</p><p>• Lien vers les termes et conditions (optionnel)</p>                                                                                                                                                                                                                                                    |
| Options spécifiques au popup        | • Libellé du bouton CTA (par ex., « Commencer »)                                                                                                                                                                                                                                                                                                                                                           |
| Options de collecte d'e-mails       | <p>• CTA du bouton « Commencer à parrainer »</p><p>• Champ nom (optionnel)</p>                                                                                                                                                                                                                                                                                                                             |
| Options d'informations de partage   | <p>• Texte personnalisé au-dessus du lien</p><p>• Sélectionnez jusqu'à 3 médias de bouton de partage :</p><p>• Email</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>• Email</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> |
