Créer un composant

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

Attribut	Type	Description
type de composant Obligatoire	string	Seul `promo` est disponible.
les options Obligatoire	objet	Voir l'objet Options.

Propriétés des options

Attribut	Type	Description
amount	integer	The loan amount passed to display price specific messaging. The amount must be in cents.
pageType Obligatoire	string	Le type de page de la page sur laquelle se trouve la promotion ou le message : - `product` (par défaut) - A DÉTERMINER
affirmLogoType	string	Dé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	string	Définissez la couleur du logo Affirm : - `black` - `blue` (par défaut) - `white`
Catégorie	string	Identifie la catégorie de produit associée au message pour le suivi analytique (par ex., électronique, mobilier).
marque	string	Identifie la catégorie de marque associée au message pour le suivi analytique (par ex., Samsung, Goodyear).
sku	string	Identifies the SKU associated with the messaging for analytics tracking.
promoId	string	Permet au commerçant de sélectionner un identifiant promotionnel spécifique qu'il souhaite afficher. Cela remplacera le `pageType` fourni.
learnMoreShow	boolean	S'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.