The Payment Method Icons widget for Elementor lets you showcase accepted payment methods effortlessly, ensuring a professional and trustworthy online presence. With a variety of customizable icons for Visa, Mastercard, American Express, Discover, Diners Club, JCB, UnionPay, and more, you can seamlessly integrate widely recognized payment options to reinforce credibility and improve the user experience. Whether you want to use built-in icons or upload custom ones, this widget gives you the flexibility to match your site’s design while making transactions more transparent and accessible for your customers.
Let’s look at each of the options in the Payment Method Icons widget for Elementor below.
Elementor Payment Method Icons Video Tutorial
Add a Payment Method Icons Widget to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Payment Method Icons”
- Hover over the widget in the search results and click install
- Add the “Payment Mehtod Icons” widget to any Elementor Page
General Settings
Layout
Defines the structure in which elements are arranged.
- Inline - Display elements in a single row.
- Grid - Arrange elements in a grid format.
Gap
Set the spacing between elements.
Alignment
Define the horizontal positioning of elements.
- Left - Align elements to the left.
- Center - Center elements horizontally.
- Right - Align elements to the right.
Items Settings
Manage the items of the Restaurant Menu using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Set the title for the payment method.
Payment Method
Select the category of payment methods. Available options:
- Cards – Standard credit and debit card payments.
- Alternative Payment Method – Third-party payment providers like Alipay and Klarna.
- Generic – General payment solutions like gift cards and invoices.
- Wallets – Digital wallets like Apple Pay and Google Pay.
- Custom – Upload a custom icon for a unique payment method.
Select Method
Define the specific payment provider based on the selected category.
- Cards – American Express, Cartes Bancaires, Dankort, Diners, Discover, Elo, Hipercard, JCB, Maestro, Maestro Alt, Mastercard, Mastercard Alt, UATP, UnionPay, Visa, VPay
- Alternative Payment Method – Alipay, Alipay Plus, Amazon Pay, Availabill, Bancontact, BillPay, Boncard, Bonus Card, Butterfly Card, Cembra Pay, Crif, Crypto, EPS, Giropay, Half Fare Plus, iDeal, Klarna, Lunch Check, Media Markt, Migros GiftCard, Paypal, Paysafe Card, Pointspay, Postfinance Card, Postfinance Efinance, Powerpay, Reka, Samsung Pay, SEPA, Skrill, Swish, Swissbilling, Swisscom Pay, Swisspass, Twint, Vipps, WeChat Pay
- Wallets – Apple Pay, Google Pay.
- Generic – Card Generic, Card Generic Alt, Card Generic Gold, Gift Card Generic, Gift Card Generic Alt, Gift Card Generic Gold, Invoice
Payment Method Icons Widget Styling
You can customize every aspect of the widget’s design, including colors, text, icons, fonts, and layout, to perfectly match your website’s style.
Icons Styling
Set the item width, height, border radius, size and margin.
State Styling
You can set the hover animation, border, icon background, and box shadow.
Payment Method Icons Design Examples For Elementor
Here are some live use cases for the Payment Method Icons Widget.
Payment Method Icons on product page.
Payment Method Icons on pricing table.
We hope this guide helped you explore the powerful features of the Payment Method Icons Widget. With its customizable icons and seamless integration, you can display payment methods clearly and enhance trust with your customers. If you have any questions or need further assistance, feel free to reach out.
