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 crée un composant Affirm en arrière-plan à rendre à la demande sur votre site Web, réduisant ainsi 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
stringSeulement promo est disponible.
les options
Obligatoire
objetVoir l'objet Options.

Propriétés des options

AttributTypeDescription
amountintegerThe loan amount passed to display price specific messaging. The amount must be in cents.
pageType
Obligatoire
stringType de page sur laquelle se trouve la promotion/le message:
  • product (par défaut)
  • TBD
affirmLogoTypestringDéfinit le type de logo Affirm. Par défaut, affiche l'image du logo Affirm :
  • logo (par défaut) : logo Affirm standard.
  • symbolAffiche le logo Affirm sous forme de symbole.
  • text Affiche le logo Affirm en texte brut.
affirmLogoColorstringDéfinissez la couleur du logo Affirm :
  • black
  • blue (par défaut)
  • white
CatégoriestringIdentifie la catégorie de produit associée au message pour le suivi analytique (par ex., électronique, mobilier).
marquestringIdentifie la catégorie de marque associée au message pour le suivi analytique (par ex., Samsung, Goodyear).
skustringIdentifies the SKU associated with the messaging for analytics tracking.
promoIdstringPermet au commerçant de sélectionner un identifiant promotionnel spécifique qu'il souhaite afficher. Cela remplacera le pageType fourni.
learnMoreShowbooleanAfficher ou masquer le lien modal:
  • true (par défaut) : Affiche le lien modal.
  • false: supprime le lien CTA et les hyperliens vers l'intégralité de la promotion.

Cette page vous a-t-elle aidé?