Navigation
Showing Card: Improve the Credit Card Form
Launch Demo

    Warning: count(): Parameter must be an array or an object that implements Countable in /home/customer/www/unheap.com/public_html/wp-content/themes/unheapv2/library/functions/template-tags.php on line 47
  • Save
  • 82
X

Card: Improve the Credit Card Form

You can improve the credit card form on your website with just one line of code thanks to Card.

What can one line of code do? It will make your form more interactive and engaging.

  • It includes animations for four different card types — Mastercard, Visa, Discover and American Express.
  • It is designed using pure CSS, HTML and Javascript so you don’t have to worry about uploading images.
  • It is free and open source.

Card works as a drop in addition to your current credit card form. There is no need edit input names or HTML — you can leave everything as is.

There are plenty of options when it comes to installation and usage for this tool. It can be used with or without jQuery.

And if you want to use the coded credit card icons without animation, that’s an option too. All of the instructions are easy to follow in the documentation. (And if you want to see this tool in action, the demo includes links to shops already using it.)

@jessepollak
Related
Labelmask: Create Accessible Input Hinting Tag-it! In-Field Labels Maxlength Growfield