Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Payment Icons Section

Learn how to create a Payment Icons section with Sections Pro in Shopify

Description of the Section

The Payment Icons section enables you to display various payment method icons on your e-commerce store. These icons reassure customers about the available secure payment options and improve the overall credibility of your store. This section is versatile, including widely recognized payment methods such as Visa, Mastercard, American Express, Discover, PayPal, Apple Pay, Google Pay, and Shop Pay. It is fully customizable to fit your store's design, offering options for background colors, dimensions, padding, and icon styles.

Demo of the Section

Installation Instructions

  1. Download the Sections Pro app on the Shopify App Store
  2. Open the app and navigate to Free Sections
  3. Search for "Payment Icons"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Footer Display: Include the Payment Icons section in your store’s footer to provide consistent visibility of available payment methods, reassuring customers at every scroll.

  2. Checkout Page Banner: Highlight the trusted payment options directly on your checkout page to boost customer confidence during the critical purchasing phase.

  3. Homepage Highlight: Showcase the payment icons on your homepage to immediately inform visitors about secure and diverse payment options, potentially increasing conversion rates.

  4. Product Page Assurance: Add the Payment Icons section on product pages to emphasize secure transactions, giving customers peace of mind and potentially reducing cart abandonment.

Overview of the Configuration Settings

  1. Colors

    • Background: Customize the background color of the section using a linear gradient to match your store's aesthetic.

  2. Dimensions

    • Max Width of Section: Set a maximum width for the section (default: 1000px).
    • Height of Icon: Specify the height of the payment icons (default: 50px).
    • Gap between Icons: Adjust the space between each icon (default: 5px).
    • Padding: Define padding for the top, bottom, left, and right areas (default top and bottom: 25px, left and right: 10px).

  3. Icons

    • Toggle Visibility: Enable or disable the display of individual payment icons including VISA, Mastercard, American Express, Discover, PayPal, Apple Pay, Google Pay, and Shop Pay.
    • Additional Images: Option to add custom images with associated alt text for additional payment methods or certifications.

These options offer a comprehensive set of customization features, allowing you to seamlessly integrate the Payment Icons section with your store’s design while providing essential payment information to your customers.