Créer un composant

Découvrez comment créer des composants de messagerie promotionnelle pour montrer aux clients comment ils peuvent utiliser Affirm pour financer leurs achats.

L’importation affirm.ui.components.create crée un composant Affirm en arrière-plan pour être rendu à la demande sur votre site Web, réduisant considérablement l'impact du temps de chargement.

🚧

Ce composant a été conçu pour réduire le temps de latence et offrir plus de flexibilité aux commerçants.

const promoComponent = affirm.ui.components.create(‘promo’, options)

Arguments de méthode

AttributTypeDescription
type de composant
Obligatoire
stringSeul promo est disponible.
les options
Obligatoire
objetVoir l'objet Options.

Propriétés des options

AttributType Description
amountintegerThe loan amount passed to display price specific messaging. The amount must be in cents.
pageType
Obligatoire
stringLe type de page de la page sur laquelle se trouve la promotion ou le message :

- product (par défaut)
- A DÉTERMINER
affirmLogoType stringDéfinit le type de logo Affirm. L'image du logo Affirm est affichée par défaut:

- logo (par défaut): logo Affirm standard.
- symbol: Affiche le logo Affirm sous forme de symbole.
- text: Affiche le logo Affirm en texte brut.
affirmLogoColor stringDéfinissez la couleur du logo Affirm :

- black
- blue (par défaut)
- white
Catégorie stringIdentifie la catégorie de produit associée au message pour le suivi analytique (par ex., électronique, mobilier).
marque stringIdentifie la catégorie de marque associée au message pour le suivi analytique (par ex., Samsung, Goodyear).
sku stringIdentifies the SKU associated with the messaging for analytics tracking.
promoId stringPermet au commerçant de sélectionner un identifiant promotionnel spécifique qu'il souhaite afficher. Cela remplacera le pageType fourni.
learnMoreShow booleanS'il faut afficher ou supprimer le lien modal :

- true (par défaut) : affiche le lien modal.
- false: supprime le lien CTA et crée un lien hypertexte vers l'intégralité de la promotion.