Welcome to PotatoCommerce - Top Quality Magento Extensions Store

Credit Card Visualizer


This FREE 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

  • 30 day money back guarantee
  • Lifetime free updates
  • Lifetime free bugfixes
  • Quick and professional 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?

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.

This FREE 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.


  • 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.

PotatoCommerce - Magento Extensions

Sales, Refund and Support policy

PotatoCommerce - Magento Extensions - Magento Connect Rating

1 Review

Average rating

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

How do you rate this product? *



    Magento CE 1.5.*, 1.6.*, 1.7.*, 1.8.*, -, 1.9.3*
    Magento EE 1.11.*, 1.12.*, 1.13.*, -, 1.14.3.*
    Compatible Browsers Chrome, 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

    Checkout Coupon Code

    7 Review(s)

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

    • AJAX technology (no page reloads)
    • No conflicts with other extensions at checkout
    • Onepage checkout and Multi-address checkout support 
    • Easy to install
    • Lifetime free support, bugfixes and updates.
    Learn More
    Subscribe to Newsletter at Checkout

    Subscribe to Newsletter at Checkout

    3 Review(s)

    Regular Price: $60.00

    Special Price $49.00

    This extension allows visitors to subscribe to newsletter during checkout.

    • FREE and LIFETIME support
    • Subscribe to newsletter at checkout 
    • Guests users can also subscribe
    • Custom theme friendly
    • Lifetime free updates.

    Also available for Magento 2.

    Learn More
    Checkout Address Autocomplete

    Checkout Address Autocomplete

    2 Review(s)

    Regular Price: $79.00

    Special Price $69.00

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

    • Simplifies checkout process
    • Autocomplete reduces typing errors in order addresses
    • Decreases cart abandonment rate
    • Compatible with onestepcheckout.com and aw_onestepcheckout
    • FREE and LIFETIME support
    Learn More
    Full Page Cache

    Full Page Cache

    20 Review(s)

    A reliable solution to significantly speed up your Magento store. Reduce your server load, decrease page load time and thus enhance website google ranking and sales conversion.

    • Significantly speeds up your website. 150ms time to first byte are real! See our demo for the proof
    • Cache crawler to keep cache always warmed
    • Decreasing server load and reduces hardware requirements
    • Easily add a block/page to exceptions list
    • Per page statistics
    • Clean code

    Lifetime free support, bugfixes and updates.

    Learn More
    JS & CSS Compressor + Image Optimization

    JS & CSS Compressor + Image Optimization

    37 Review(s)

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

    • JS and CSS files minification (compression)
    • Image optimization
    • Decrease number of requests and file sizes
    • Image lazy load
    • Merge of JS and CSS files
    • Defer Parsing of Javascript
    • Defer Parsing of CSS
    • HTML minification
    • Inline small CSS/JS
    • ... and many more!
    Free lifetime support and extension updates.

    Also available for Magento 2.


    Learn More