---
title: "How to Use the Payment Icons Content Block"
description: "Show accepted payment methods as branded icons next to upsell offers, with optional labels."
url: https://docs.orderediting.com/en/articles/15323746-how-to-use-the-payment-icons-content-block
collection: "Content Blocks"
updated: 2026-11-03
language: en
---

# How to Use the Payment Icons Content Block

Show accepted payment methods as branded icons next to upsell offers, with optional labels.

# Before you begin

-   Open **Apps > Order Editing > Content**.
    
-   Know which payment methods your store accepts.
    
-   Normal strategies show content blocks with eligible offers. Use the supported continue-showing-content option or an installed content-only strategy when no products should be required.
    

# Why this template helps

Use **Payment icons** when you want shoppers to see the cards and wallets you accept next to an upsell offer. The block renders Shopify's branded payment logos in a row. You can add an optional label next to a method. Use general wording: this manually entered label is not the customer's detected card or payment details.

[https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/checkout-ui-extensions/2025-10/payment-icon-default-Bdly2OFD.png](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/checkout-ui-extensions/2025-10/payment-icon-default-Bdly2OFD.png)

# Create the block

1.  Select **Create content**. For a block you'll reuse inside strategies, open **Saved blocks** and select **Create saved block** instead.
    
2.  Choose the **Payment icons** template. For a content block, choose where it shows and select **Continue**.
    
3.  Enter a **Block name**, or select **Generate**. Only you see it.
    
4.  Under **Payment methods**, choose each method from the list. The template starts with Visa, Mastercard, American Express, PayPal, Apple Pay, and Shop Pay.
    
5.  Optionally add a **Label** next to a method. Leave the label empty to show only the icon.
    
6.  Select **Add payment method** to include more methods, up to 10. Remove a method if you no longer need it. Keep at least one.
    
7.  For a content block, choose its markets, customers and schedule. For a saved block, set **Status** to **Active**, or keep **Draft** while you edit.
    
8.  For a saved block, set **Show on** to **All devices**, **Mobile**, or **Desktop**.
    
9.  Select **Publish block** (or **Save as draft**). For a saved block, select **Save block**.
    

> **Success:** Icons without labels sit in one row. When any method has a label, each method appears as an icon plus text so shoppers can tell cards apart.

# Review the block’s appearance

Use **Appearance** for the layout and style controls available to this template. Check the preview beside the editor, then save the block and its strategy. Editing a shared block affects every strategy using it.

**Show on** follows the shopper's device. Browser width and zoom don't change which blocks appear.

# Add it to a strategy

For a saved block:

1.  Open an upsell strategy and select **Add content block** under **Offer layout**.
    
2.  Place the content block near the offer, often after the products or in a product-selection modal.
    
3.  Save the strategy.
    

Reuse the same block across strategies when the accepted payment methods are shared. Editing the block updates every strategy that uses it.

# Preview the offer

1.  Open the strategy preview and confirm the icons (and any labels) match the methods you selected.
    
2.  If you limited **Show on**, turn the app block's **Preview Mobile** setting on or off in the checkout editor.
    
3.  Review the checkout editor preview for the target placement when you need to confirm layout on Thank You or Order Status.

## Related

- [How to Create and Manage Content Blocks](https://docs.orderediting.com/en/articles/15323727-how-to-create-and-manage-content-blocks.md)
- [How to use the Campaign image content block](https://docs.orderediting.com/en/articles/15323729-how-to-use-the-campaign-image-content-block.md)
- [How to Use the FAQ Content Block](https://docs.orderediting.com/en/articles/15323730-how-to-use-the-faq-content-block.md)
- [How to Use the Featured Review Content Block](https://docs.orderediting.com/en/articles/15323731-how-to-use-the-featured-review-content-block.md)
- [How to Use the Included in Your Order Content Block](https://docs.orderediting.com/en/articles/15323732-how-to-use-the-included-in-your-order-content-block.md)