Everything you need to display accepted payment method icons on your storefront — from activating payment providers in your Shopify admin to adding the block in the theme editor.
Payment icons are small branded logos that represent the payment methods your store accepts — such as Visa, Mastercard, American Express, PayPal, Apple Pay, and others. Displaying these icons on your storefront reassures customers that they can check out with their preferred payment method and helps build trust at key decision points like the footer or cart page.
In the Boardwalk theme, the Payment Icons block automatically displays the payment methods you have activated in your Shopify admin. You don't need to upload images or select individual icons — the block reads directly from your store's active payment providers and renders each one as a full-color SVG icon. If you add or remove a payment method in your admin, the icons update automatically on your storefront.
Follow these steps to display payment method icons on your Shopify store using the Boardwalk theme.
Before the icons can appear, you need to have at least
one payment provider turned on in your Shopify admin. Go
to
Settings → Payments and make sure your
desired payment methods (credit cards, PayPal, Apple Pay,
etc.) are activated. Only payment methods that are
currently active will display as icons on your storefront.
Note: The Payment Icons block pulls directly from your store's active payment providers. If no payment methods are activated, the block will not display anything on your storefront.
In your Shopify admin, go to
Online Store → Themes, find Boardwalk,
and click Customize. Navigate to the
page where you want to display payment icons using the
page selector dropdown at the top center of the editor.
In the Theme Editor sidebar, find the section where you want the icons to appear (commonly the footer). Click Add block and choose Payment icons from the list. The block will appear with icons for all your active payment methods.
Drag the Payment Icons block to your preferred position within the section. In a footer layout, payment icons are typically placed in the bottom row alongside copyright text and policy links.
Click Save in the Theme Editor. Preview your page to confirm the payment icons are displaying correctly and showing the payment methods you expect.
The Payment Icons block is designed to stay in sync with your store's payment configuration automatically. Here's what happens behind the scenes.
The block reads your store's list of active payment methods and renders an icon for each one. You don't need to manually select or upload icons — they appear automatically based on your payment configuration.
Each payment icon is rendered as a crisp, full-color SVG graphic provided by Shopify. These icons look sharp on all screen sizes and resolutions, including high-density (Retina) displays.
When you activate or deactivate a payment provider in
your Shopify admin under
Settings → Payments, the icons on
your storefront update automatically. There's no need
to edit the theme — the block always reflects your
current payment setup.
If your store has no active payment methods, the block hides itself entirely. It won't leave behind any empty space or placeholder content on the page.
The icons are displayed in a horizontal row that automatically wraps to multiple lines on smaller screens. This ensures the icons remain visible and well-spaced regardless of the device or number of payment methods.
The icons align according to the text alignment setting of their parent section or group. For example, if the footer row is centered, the payment icons will also be centered.
The block includes a hidden label that reads "Payment methods" for screen readers, ensuring that assistive technologies can identify the purpose of the icon list even though it's entirely visual.
The Payment Icons block is intentionally simple and has minimal configuration. The icons are controlled entirely by your Shopify payment settings.
The block displays an informational note that reads: "Only activated payment methods will display." This is a reminder that the icons shown are determined by your payment provider settings in the Shopify admin, not by the theme editor. There are no additional settings to configure on this block.
Note: To control which icons appear, you
need to manage your payment providers in the Shopify admin
under Settings → Payments. Activating or
deactivating a payment method there will automatically add
or remove the corresponding icon from this block.
The Payment Icons block relies on your Shopify admin configuration. Make sure the following are in place before expecting icons to appear.
The block only displays icons for payment methods that are currently activated. Go to Settings → Payments in your Shopify admin and ensure your desired payment providers are turned on. Common providers include Shopify Payments (which covers Visa, Mastercard, American Express, and more), PayPal, Apple Pay, Google Pay, and Shop Pay.
Some payment method icons — such as Visa, Mastercard, and American Express — only appear when you have Shopify Payments activated as your payment provider. If you're using a third-party payment gateway, the available icons may be limited to what that gateway supports.
You cannot pick and choose which icons to show or hide from within the theme editor. The block displays all active payment types automatically. To remove a specific icon, you would need to deactivate that payment method in your Shopify admin.
If a payment provider is in test mode, its icon may still appear in the block. Make sure to check your payment settings before going live to confirm the icons accurately reflect your active checkout options.