Payment method badges

Variety of payment method badges for your next ecommerce project in Webflow.

Explore on brand payment badges for Webflow

Adding scripts

JS Script CDN:
<script src="https://flow-ninja-assets.s3.amazonaws.com/ninja-script/core.min.js"></script>
Copy to Clipboard
CSS Style CDN:
<link rel="stylesheet" href=”example.css">
Copy to Clipboard
Adding all payment badges to your footer in the Webflow project might seem easy, but finding all on-brand badges can sometimes take hours.

That's why we created an easy-to-use resource that you can clone and use for each one of your Webflow eCommerce projects.

How to add the badges?

Just clone our free resource on the Made in Webflow screen!

Clone Webflow Payment Badges

Adding Attributes

In this specific example we have two swipers

Main Swiper

"{attr.name}"
"{attr.value}
this will trigger swiper script
ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Thumbnail Swiper

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Optional Attributes

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Why did we create this resource after all?

On the last eCommerce project we had, we wanted to add payment trust icons in the footer. We thought that it'd take a few minutes... But only after 1.5 hours did we find all the proper and up-to-date badge icons. Find all possible payment badges in transparent, colored, white, and black formats in this Webflow Resource.

See Featured Example

Featured Example

Frequently Asked Questions

No items found.

Webflow, design and productivity tips

Just tips, no sales or offer emails ever.