Payment icons

Overview

The Payment icons block clearly displays widely recognized payment method symbols in your footer navigation. By using this block, you increase customer confidence and quickly communicate which payment methods you accept. Flexible configuration lets you blend these icons seamlessly into your store’s design, so your footer always stays clean and effective.

⚠️ Important: Adding Payment icons provides an immediate sense of security and professionalism for your customers, which can have a positive impact on conversion.

Alignment settings

Alignment settings allow you to adjust how the payment icons are positioned within the block for both desktop and mobile screens. Careful tuning of these settings helps maintain visual consistency and balance, no matter the device.

Purpose: Manage horizontal placement of payment icons, ensuring they are attractively displayed on every screen size.

1. Alignment (desktop)

   1. Align payment icons to the left, center, or right on desktop.

   2. This guarantees your footer remains visually structured across wide layouts.

2. Alignment (mobile)

   1. Align payment icons to the left, center, or right on mobile devices.

   2. Fine-tune for smaller screens to avoid crowding and maintain clarity.

📝 Note: Customizing alignment per device ensures your footer design always looks polished and is easy for customers to scan.

Layout settings

Layout settings define how the payment icons are distributed and separated from other footer content. Adjusting these lets you achieve both clarity and aesthetic harmony throughout your design.

Purpose: Control the spacing and groupings of payment icons to suit your preferred footer layout.

1. Fill available space

   1. Expands the payment icons to use all available horizontal area within the block.

   2. Default: Off

2. Show in new column

   1. Displays payment icons in their own column for clearer separation from other footer elements.

   2. Default: Off

3. Show in new row

   1. Shows payment icons in a new row to enhance visibility and prevent crowding in complex footers.

   2. Default: Off

💡 Tip: Use row or column options for better separation when your footer contains many links or elements.

Visibility settings

Visibility settings allow you to control where the Payment icons block appears for desktop and mobile users. These options help you optimize the shopping experience based on device, ensuring icons are displayed where they create the most impact.

Purpose: Determine whether payment icons appear on desktop, mobile, or both to make the best use of screen space and user attention.

1. Visibility

   1. Do not hide — icons will show on all devices. Default: Do not hide

   2. Hide on desktop

   3. Hide on mobile

💡 Tip: Consider hiding icons on devices where footer space is limited, and always check your settings by previewing the block on both desktop and mobile.

Available in sections

The Payment icons block can be used in these sections:

1. Footer navigation

Usage notes

Preview the Payment icons block on desktop and mobile screens to confirm proper display and layout before publishing. Use only the payment method icons you actually support to prevent misleading your customers. Choose high-resolution, accessible icons to help all visitors — especially those with visual impairments — quickly recognize your accepted payment options.

💡 Tip: Smart use of alignment, layout, and visibility settings in the Payment icons block keeps your footer elegant and user-friendly while strengthening customer trust.