Product-Payment Badges #1

The Payment Badges snippet helps build customer trust by displaying well-known, secure payment method logos directly on the product page. These badges act as reassurance to reduce hesitation at the point of purchase.

❗❗Custom Placement Required❗❗

To control the placement of this snippet:

  1. Go to the product page editor in your theme.

  2. Add a new block → Custom Liquid.

  3. Paste the following code:

liquidCopyEdit<div id="ecomz-payment-badges"></div>

Save the changes. You can move the block up or down to position the badges where you'd like them to appear on the page.

Accessibility Settings

  • Accessibility Label Set an accessibility label (e.g., "Payment Trust Badges") to ensure screen readers can identify the purpose of the section for visually impaired users.

Background Settings

  • Background Color Set a background color for the entire payment badge wrapper. Default is transparent for seamless integration into any design.

Section Spacing

Control the outer spacing of the payment badges section:

  • Padding Top / Bottom (rem) Controls internal space above and below the section.

  • Margin Top / Bottom (rem) Controls external space between the badge section and other content.

Responsive options available:

  • Max Section Width (rem) Sets the maximum width of the badge container on both desktop and mobile.

  • Left/Right Padding (px) Fine-tune horizontal padding to align with your product layout grid.

Badge Layout Options

Customize how the badges appear:

  • Badges Alignment Choose between Left, Center, or Right alignment to match your product page flow.

  • Badge Size (px) Set exact width and height of each badge icon for desktop and mobile devices independently.

    • Desktop: Width 38px, Height 24px

    • Mobile: Width 36px, Height 46px

Design Styling

  • Section Border Radius (px) Round the corners of the payment badge container. For a pill-shaped or softly curved look, increase this value (default is 16px).

Summary

The Payment Badges snippet is a lightweight trust-building tool designed to be placed anywhere on your product page via a simple Custom Liquid block. With full control over layout, alignment, spacing, and mobile responsiveness, this section integrates easily with any theme or custom layout to support your conversion strategy.

PreviousProduct - Upsell AddonNextProduct - Sold Social Proof

Last updated