Skip to main content
How to display Payment Icons image on the Checkout using the Template -> CRO -> Payment Icons option.

Guide

1

Create a new customization

Create a new customization.Image
2

Choose the Content type

Select  Payment icons from the available CRO types to display custom images during checkout.Template Cro Card Focus
3

Configure display conditions

Add one or more conditions to control when the content appears during checkout.Payment Icons Conditional Experience Focus
4

Configure the payment method icons

Select the supported payment methods from given options.Payment Icons Heading Methods Focus
5

Activate the customization

Change the Status to Active using toggle button to enable the customization.Payment Icons Toolbar Focus
6

Customize the display

Configure the Display Settings to control how payment icons will appear during checkout.Payment Icons Display Settings Focus
7

Set the priority

Configure the Priority (0–100) to determine the execution order when multiple customizations are eligible.Payment Icons Priority Focus
8

Copy the Placement ID

Copy the generated Placement ID from clipboard icon. You’ll use this in the Shopify Checkout Editor.Payment Icons Copy Placement Id Focus
9

Preview

Preview shows , How this block looks like at CheckOut.Payment Icons Preview Focus
10

Save the customization

Click Save to store your configuration.Payment Icons Unsaved Changes Focus
11

Open the Checkout Editor

Go to your Shopify Settings → Checkout, select your checkout profile, and click Edit.
12

Add the app block

In the Checkout Editor, click Add app block.Screenshot 2026 10 08 At 16 25 08
Make sure the app block is placed in the same checkout placement you selected in Dynamic Checkout Customizer.
13

Configure the app block

Select the Checkout – Image Content app block, and paste the copied Placement ID.Screenshot 2026 10 08 At 16 25 29
14

Publish your changes

Click Save in the Checkout Editor to publish the customization.Image Content Clean