📢 Use this project, contribute to it or open issues to help evolve it using Store Discussion.

Affirm Components

This app provides promotional messaging components related to the Affirm payment method.

Configuration

1. Follow the install instructions for Affirm Payment
2. Add "vtex.affirm-components": "0.x" to your store-theme dependencies.
3. Place the desired Affirm component blocks in your /store/ folder.

The available blocks are:

• "product-teaser.product.affirm": This block should be placed on the product page (PDP). It displays a promotional message such as As low as \$\__/mo at _% APR followed by a Prequalify now or Learn More link.
• "product-teaser.summary.affirm": Similar to the above but designed to be placed on product shelves.

Customization

In order to apply CSS customizations to this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.

CSS Handles
affirmPromo
affirmPromoSummary