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.