Welcome to PotatoCommerce - Magento Extensions Store

Credit Card Visualizer


This extension adds a credit card visualization while customer typing. Decrease your abandonment rate by making your store more user-friendly!

  • Credit card visualization during checkout process
  • Colorful images for most popular credit card types
  • Prototype JS library is used.
  • Credit card autodetect while typing
  • Lifetime free updates.

Credit Card Visualizer - Magento Extension by PotatoCommerce - Better Credit Card Form

4 screenshots: click to zoom
  • Nice visualization added to checkout. It changes as you type.
  • Here how it looks on RWD theme
  • Enterprise theme. Master Card type has been chosed by customer. Majority of most popular payment methods are supported.
  • Images rotates when customer fills in CVV code. This helps to understand what CVV means.

* Required Fields

  • 60-day money-back period
  • free updates
  • free bugfixes
  • free technical support

Credit Card Visualizer Magento extension is designed to make Magento checkout more convenient for your customers.

According to statistics, checkout is the stage where merchants lose about 75% of their money. Users abandon carts because of many reasons and complicated checkout is one of them. According to the MasterCard research, most web-stores lose 18% of customers just because they believe that the checkout is too complicated. It's hard to believe, but many people (especially elderly people) don't know what CVV is. Did you know that percentage of the elderly audience is growing every year?

The solution — Credit Card Visualizer

Credit Card Visualizer Magento extension simplifies Magento checkout due to visualization of credit card form input. It improves the user experience and reduces errors. This, in turn, favorably affects the conversion of your site.

Credit Card Visualizer - Magento extension by Potatocommerce - Checkout Process visualization

Credit Card Visualizer Magento extension validate each entered characters in the credit card forms, and makes it impossible to enter invalid characters or exceed the maximum possible length of the field. Each character entered is visualized in a special section to the right of the credit card form - it helps visitors to detect a mistake when entering the card number, expiration date and CVV code. Your customers will clearly understand what they need to fix following the prompts on the screen.

Credit Card Visualizer Magento Extension automatically detects the following types of credit cards: VISA, VISA Electron, Maestro, MasterCard, Dankort, American Express, Diners Club, Discover, UnionPay, JCB. It will work with other credit cards as well - an image placeholder will be used instead of beautiful and colorful images.

Credit Card Visualizer — Features

  • Visualization of credit card during the checkout process
  • Beautiful and colorful images for the most popular credit cards type
  • Prototype JS library is used (no need to load jQuery means faster checkout)
  • Credit card type is automatically detected while typing
  • The extension does NOT use Magento Rewrites. This fact greatly reduces the possibility of conflicts with other extensions.
Why choose PotatoCommerce headline
Why choose Potatocommerce left
Why choose Potatocommerce right
3 Reviews

Average rating

Nice extension

Posted by Joshua on May 7, 2018
That's a nice extension for my checkout. It looks fancy.


Posted by Николай on Apr 12, 2018
It uses prototype, not jquery library. It makes checkout faster!

Great for user experience

Posted by lenajn on Nov 17, 2015
These guys at PotatoCommerce a so efficient. I'm using a credit card payment method that wasn't compatible with their extension and they made it support my extension in under a day.
It's a small extension, but it's quite nice for user experience. My credit card payment method module wasn't compatible with Potato's extension, but they made it compatible in under 2 hours. These guys are simply efficient, no question about it.

Write Your Own Review

Only registered users can write reviews. Please, log in or register



Magento CE1.5.*, 1.6.*, 1.7.*, 1.8.*, -, 1.9.3*
Magento EE1.11.*, 1.12.*, 1.13.*, -, 1.14.3.*
Compatible BrowsersChrome, Safari, Firefox, Opera, IE8+


  1. We recommend you to backup your store before installation
  2. Go to magento admin and disable compilation (Systems > Tools > Compilation > 'Disable' button) and flush store cache (System > Cache Management > 'Flush Magento Cache' button)
  3. Download the extension package from your account and extract the downloaded archive.
  4. Copy the content of extracted folder to your store's root directory 
  5. Flush store cache again
  6. Log out from the backend and log in again.
  7. If you want to enable compilation, then you should run compilation process (Systems > Tools > Compilation > 'Run Compilation Process' button).
  8. Flush store cache again  



After installing this extension my store gives 404 error or a blank bage.
Go to Magento Backend, Flush Store Cache (System > Cache Management> 'Flush Magento Cache' button), Logout and Login again. 

I need additional functionality.
Please contact our support. If we like the idea we can implement this in next release or do customization just for you. 

Is this extension compatible with SUPEE-6788 security patch?
Yes, this extension is compatible with this patch.

If FAQ did not help you, please, contact us with detailed information about your issue. 


1.0.1 (06 Jan 2017)
bugfix with Support Credit Card Direct Post (Authorize.net)

1.0.0 (1 Dec 2014)
Initial Release

We Recommend
Checkout Coupon Code

With Checkout Coupon Code Magento extension customers can apply coupon code (discount) at checkout page. Increase your conversion rate in just 5 minutes!

Checkout Address Autocomplete

Checkout Address AutoComplete extension is designed to enhance Magento checkout with address autocomplete. Autocomplete is powered by Google Places API.

Full Page Cache + Cache Crawler

This trustworthy FPC extension will significantly speed up your Magento store.

JS & CSS Compressor + Image Optimization

Improve your Google Page Speed and GTmetrix performance scores with this powerful solution for Magento optimization.

You may also be interested in the following product(s)