Mise à niveau des modalités éducatives v3 vers v4 (avec préadmissibilité)

Aperçu

Our latest version of Educational Modals (v4) contains a powerful new tool: Affirm Prequalification.  Prequalification enables your customers to discover how much they qualify to spend with Affirm on your site early in the shopping process. This simple tool lets your customers shop with confidence. 

Shoppers who leveraged Prequalification during the feature beta program spent an average of up to 30% more per transaction, on top of the existing Affirm AOV lift.

For retailers currently running Educational Modals v3, there is no integration work required to implement Educational Modals v4 which includes Prequalification.  Prequalification is enabled on Affirm's side.  Please reach out to your Client Success Manager to have Prequalification enabled for your account.

Simulated mobile images showing the Affirm checkout process.


1. Select Which Educational Modals will use Prequalification

La messagerie de paiement mensuel Affirm (« À partir de.. »), Modal Produit et Modal de Site sont des façons différentes d'afficher les modales éducatives sur votre site. Nous vous recommandons d'activer la préqualification pour les modales éducatives sur vos pages de produits et de panier.

Exemple de messagerie de paiement mensuel affiché sous le prix sur la page de produit ou de panier :

Screenshot of Affirm financial offering.

Une fois que vous avez décidé quels emplacements utiliseront la préqualification, passez à l'étape suivante pour voir si vous définissez déjà un Promo ID pour eux.


2. Request New Promo IDs or Use Existing Ones

La préqualification est activée pour vos modaux éducatifs en définissant un Promo ID qu'Affirm a configuré pour utiliser la préqualification. Le Promo ID est ajouté au code d'intégration HTML de la messagerie promotionnelle sur votre page. Avoir un Promo ID est nécessaire pour utiliser la préqualification.

Vous pouvez soit communiquer à Affirm les Promo IDs qui doivent être mis à jour pour utiliser la préqualification (si vos placements actuels les ont déjà définis), soit nous demander de créer de nouveaux Promo IDs qui utilisent la préqualification.

Pour déterminer quel Promo ID est défini dans vos placements :

1. Inspectez le code HTML de la promotion Affirm en cliquant avec le bouton droit de la souris sur le message "À partir de" ou sur une autre bannière/message qui déclenche le modal éducatif Affirm.
2. Les éléments HTML pertinents auront une « classe » qui comprend l'un de ces termes :
- "affirm-as-low-as"
- "affirm-product-modal"
- "affirmer-site-modal"
- Par exemple : <div class="affirm-as-low-as other-class-name" ....>
Notez que les éléments HTML peuvent avoir plusieurs noms de classe. L'exemple ci-dessus montre « other-class-name » dans la valeur de « class », qui est une liste délimitée par des espaces.
3. Notez la valeur de l'attribut « data-promo-id », il s'agit du Promo ID.La valeur aura toujours un préfixe « promoset... ». Le Promo ID dans l'exemple ci-dessous est « promo_set_product ».
4. Si un « data-promo-id » est défini pour vos emplacements, vous pouvez les communiquer à votre responsable de la réussite client Affirm. Sinon, vous pouvez leur demander de créer un nouvel Promo ID pour chaque emplacement nécessitant une messagerie/des personnalisations uniques. Si aucun « data-promo-id » n'est défini, veuillez demander la création d'un nouvel Promo ID.

Pour l'exemple ci-dessous, le Promo ID (« data-promo-id ») est « promo_set_product ». Ceci doit être envoyé à Affirm si vous souhaitez que la préqualification soit activée pour les emplacements qui utilisent le Promo ID « promo_set_product ».

Screenshot displaying the class used in the html elements.

📘

Data-Promo-IDs

  • Si vos pages de produit et de panier ont des data-promo-ids différents, la préqualification peut être activée pour l'un ou les deux emplacements.
    • Si le même Promo ID est utilisé pour plusieurs placements, mais que vous souhaitez que la préqualification ne soit activée que pour certains de ces placements, Affirm générera un nouveau Promo ID afin que les différents placements puissent utiliser des Promo ID uniques.
    • Si la préqualification est activée pour un Promo ID, tous les emplacements faisant référence à cet Promo ID auront les modales éducatives avec la préqualification activée.

3. Add Default Promo IDs Where Missing

Il est préférable de définir un Promo ID pour tous les emplacements afin que les personnalisations, comme la préqualification, puissent être facilement ajoutées/gérées par votre équipe de réussite client Affirm. Si vous n'avez pas encore défini de Promo ID dans le code d'intégration de votre promotion, vous pouvez ajouter des valeurs par défaut/d'espace réservé pour le moment.

Find Elements with Missing data-promo-id

Vous pouvez avoir implémenté les Affirm Educational Modals sur votre site sans « data-promo-id » défini. Si aucun Promo ID n'est défini, vous n'afficherez que les modaux éducatifs et la messagerie par défaut. Trouvez ces emplacements en voyant où « data-promo-id » est manquant ou vide.

<p class="affirm-as-low-as" data-amount="5000">

<p class="affirm-as-low-as" data-amount="5000" data-promo-id="">

<p class="affirm-product-modal" data-amount="5000">

<p class="affirm-site-modal">

// NOTE
// There are no 'data-promo-id' attributes in the above element, or the value is blank.

Add in a Default or Placeholder data-promo-id Value

Vous pouvez ajouter un Promo ID par défaut pour les emplacements, et Affirm peut les configurer après coup. Lorsque vous saisissez un nouceau Promo ID, tenez compte des points suivants :

  • Incluez toujours « promoset » comme préfixe.
  • Rendez-le aussi descriptif que nécessaire, en utilisant ce format :
    • Template: promo_set_placement_type_messaging
    • Example 1: promo_set_pdp
    • Example 2: promo_set_pdp_prequal
    • Example 3: promo_set_cart_default_startingat

Vous trouverez ci-dessous un exemple de data-promo-id en cours de définition :

<p class="affirm-as-low-as" data-amount="5000" data-promo-id="promo_set_pdp">

<p class="affirm-product-modal" data-amount="5000" data-promo-id="promo_set_cart">

<p class="affirm-site-modal" data-promo-id="promo_set_homepage">

4. Contact Affirm Client Success to Enable Prequalification

Un membre du personnel d'Affirm, comme votre responsable de la réussite des clients, activera la préqualification pour vos modales éducatives. Il vous suffit de communiquer avec votre contact Affirm par courriel pour commencer le processus.

Veuillez préciser :

1. Pages où vous souhaitez utiliser la préqualification (« page produit », « page panier », « page de renvoi », etc.).
- Cela vous indiquera le nombre des Promo ID dont vous avez besoin ou le message à utiliser.

2. Nom du ou des Promo ID qui utiliseront la préqualification.
- Indiquez si vous avez besoin de générer de nouveaux Promo ID.

3. Desired messaging.
- Add the 'Prequalify now' call-to-action.
- You will have to remove the "Learn more" call to action (it's enabled by default), by setting the Monthly Payment Messaging HTML element's 'data-learnmore-show' attribute to 'false'.
- For example:
<span class="affirm-as-low-as" data-promo-id="promo_set_default" data-learnmore-show="false"></span>
- Any other changes to the messaging can be managed on Affirm's side, just send through the copy you'd like. The full list of messaging customizations can be found here


Plus d'informations

For additional setup information, please refer to the main Promos Integration documentation.