Upgrading Educational Modals v3 to v4 (with Prequalification)

Enable your customers to leverage prequalification by upgrading your educational modals from version 3 (v3) to version 4 (v4).

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.

Pour les détaillants qui utilisent actuellement Educational Modals v3, aucun travail d'intégration n'est requis pour mettre en œuvre Educational Modals v4, qui inclut la préqualification.  La préqualification est activée du côté d'Affirm. Veuillez communiquer avec votre responsable de la réussite client pour activer la préqualification pour votre compte.

Simulated mobile images showing the Affirm checkout process.


1. Select Which Educational Modals will use Prequalification

Affirm Monthly Payment Messaging ("Starting at..") and Product Modal promos are all different ways of displaying Educational Modals on your site. We recommend enabling Prequalification for Educational Modals on your product and shopping cart pages.

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. Inspect the HTML for the Affirm promo by right-clicking on the "Starting at" messaging or other banner/message that triggers the Affirm Educational Modal.
2. The relevant HTML elements will have a "class" that includes one of these terms:
- "affirm-as-low-as"
- "affirm-product-modal"
- For example: <div class="affirm-as-low-as other-class-name" ....>
Note that HTML elements can have multiple class names. The above example shows 'other-class-name' in the value for "class", which is a space-delimited list.
3. Note the value of the 'data-promo-id' attribute, this is the Promo ID. The value will always have a prefix of "promoset...". The Promo ID in the example below is "promo_set_product".
4. If there is a 'data-promo-id' defined for your placements, you can communicate those to your Affirm Client Success Manager. Otherwise, you can ask them to create a new Promo ID for each placement that requires unique messaging/customizations. If there is no 'data-promo-id' defined, then please request to have a new Promo ID created.

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">

// 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">

4. Contact Affirm Client Success to Enable Prequalification

Un membre du personnel d'Affirm, comme votre responsable de la réussite des clients, peut activer la préqualification pour vos modales éducatives. Communiquez 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


More Information

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

Pour des détails sur le marketing et la conformité, consultez la section marketing dans le Centre d'affaires.