Shipping & Payment icons blocks

Plan requirement

Checkout Blocks is available only to merchants on the Shopify Plus plan.

The Shipping & Payment icons block lets you display accepted shipping and payment methods anywhere within checkout.

You can add up to 10 icons in each block. You can also choose whether to display the block to customers who are logged in to their account, and whether to include the app block in Shop Pay.

Supported shipping and payment icons

Checkout Blocks supports the following shipping and payment icons:

Table listing supported shipping and payment icons.

Supported shipping icons	Supported payment icons
Aramex Bpost Budbee Canada Post Chronopost Colissimo Correos dao DHL DPD Evri FedEx Instabox GLS Helthjem Israel Post La Pose Mondial Relay Poste Italiane Post NL Royal Mail Sendle SMSA Express UPS USPS	Afterpay Affirm Alma Amazon Pay Amex Anyday ApplePay Atome Bancontact Bank Transfer Bitcoin Boleto Boost Cadeau kaart Cartes Bancaires Dankort Diners Discover Elo fashion cheque FPX Giropay GooglePay GrabPay iDeal JCB Klarna Knet Laybuy Mada Maestro Mastercard MobilePay Paidy PayPal Pix Scalapay Shop Pay Sofort STC Pay Swish Tabby Tamara Touch N Go UnionPay Venmo Vipps Visa Visa Electron Zip

Create and add a shipping & payment icons block to checkout

The shipping & payment icons block is created directly in the checkout and accounts editor. Shipping & payment icons blocks that you create and add to checkout don't display in the regular Blocks list within the Checkout Blocks app because all of the block's details are stored and configured directly in the checkout and accounts editor.

Steps:

1. From your Shopify admin, go to Settings > Checkout.
2. In the Configurations section, click Customize on the checkout configuration that you want to add the block to.
3. In the checkout and accounts editor, add the shipping & payment icon block to your checkout:
   1. Navigate to the checkout page that you want to add the block to.
   2. Click ⊕ Add app block in the section that you want to add the block to.
   3. Click the Shipping & Payment icons Checkout Blocks option.
4. In App block settings, configure the details of the checkout block:
   1. Optional: Customize details, such as whether to hide the block for logged-in customers, the icon alignment, spacing, and width, and the maximum number of icons to display.
   2. In the Icon 1 menu, select the icon that you want to display in the block first.
   3. Using the remaining Icon # menus, add up to 10 icons total. Icons display from 1 to 10, from left to right.
5. Optional: Drag and drop the shipping & payment icons block to change the location on the checkout page where you want the block to display.
6. Click Save.