Create a Component

The affirm.ui.components.create import creates an Affirm component in the background to be rendered on-demand on your website, drastically reducing the impact of loading time.

🚧
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.

Options Properties

Attrbute	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.