---
updatedAt: 2025-11-13T14:13:13.000Z
agentTools:
  siteIndex: https://docs.affirm.com/llms.txt
  projectIndex: https://docs.affirm.com/platforms/llms.txt
---

# Shopify Theme Editor- Product Promo Block

Learn about adding the Affirm Product Promo block in Shopify.

# Overview

This guide will walk you through adding and customizing the "Affirm Product Promo" block within the Shopify Theme Editor.

***

## Shopify Theme Editor- Product Promo Block

Follow the steps below to add the "Affirm Product Promo" to your Shopify store.

### Go to [admin.shopify.com](https://admin.shopify.com)

### 1. Click "Online Store"

From "Home," click on "Online Store."

<Image alt="Click 'Online Store'" align="center" src="https://files.readme.io/1bff1e5-Shopify_Theme_Blocks.svg" />

### 2. Click "Themes"

Click "Themes" from the menu.

<Image alt="Click 'Themes'" align="center" src="https://files.readme.io/95f7c6a-Step_2-Shopify_Theme.svg" />

### 3. Click "Customize"

Click on "Customize" for the desired theme.

<Image alt="Click 'Customize'" align="center" src="https://files.readme.io/84394e8-Step_3-_Shopify_Theme.svg" />

### 4. Click "Products"

From the top "Home page" drop-down, click "Products."

<Image alt="Click 'Products'" align="center" src="https://files.readme.io/290c6a7-Step_4-_Shopify_Theme.svg" />

### 5. Click "Default product"

Choose the "Default product" option *or* any product page you would like to have Affirm's ALA messaging.

<Image alt="Click 'Default product'" align="center" src="https://files.readme.io/e7612d1-Shopify_Theme_Blocks_1.svg" />

### 6. Click "Add block"

Under the "Template" section, click "Add block."

<Image alt="Click 'Add block'" align="center" className="border" border={true} src="https://files.readme.io/e7929d79bd0628441bd1079a42470b751bf3659bc2dd77b916ff96248d25e75b-Shopify_Promo_Block_UX_Updates_2.svg" />

### 7. Click "Affirm Product Promo"

Select the "Affirm Product Promo" block.

<Image alt="Click 'Affirm Product Promo'" align="center" className="border" border={true} src="https://files.readme.io/1624365fabfeab49ec6979bf7af3d4fdb3a632373af8a998c8301fa91dccfdd8-Shopify_Promo_Block_UX_Updates_1.svg" />

### 8. Move the "Affirm Product Promo" block

If needed, you can move the block by clicking the six dots next to the "Affirm Product Promo" and drag it to a new location under the "Product Information" template.

<Image alt="Drag the 'Affirm Product Promo' block" align="center" src="https://files.readme.io/c1f6b01-Step_8_-Shopify_Theme.svg" />

### 9. Customize

There are multiple customization options for the Affirm product promo. These options include the following: text alignment, font size, logo color, and logo type.

<Image alt="Customizations" align="center" src="https://files.readme.io/153b208-Step_10-_Shopify_Theme.svg" />

### 10. Click "Save"

Once your selections are made, click "Save."

<Image alt="Click 'Save'" align="center" src="https://files.readme.io/046e44a-Step_11-_Shopify_Theme.svg" />

# Sibling pages

* [Shopify Theme Editor- Collection Promo Block](https://docs.affirm.com/platforms/docs/shopify-theme-editor-collection-promo-block.md)
* [Shopify Theme Editor- Cart Promo Block](https://docs.affirm.com/platforms/docs/shopify-theme-editor-cart-promo-block.md)
* [Shopify Cart Drawer Promo](https://docs.affirm.com/platforms/docs/shopify-cart-drawer-promo.md)