Hack 4 – Allow Customers To Update Their Credit Card

In many situations, it’s helpful to allow (or even require) customers to update their credit card online.  Infusionsoft has great billing automation features that can even trigger follow up to customers whose credit card is about to expire or whose credit cards have failed.

But the “update credit card” feature in Infusionsoft is a little lacking and not super easy to use.  There are great ways to allow customers to update their credit cards within membership sites.  But, what if you don’t have a membership site and you don’t want to use Infusionsoft’s built-in features (or it doesn’t quite meet your needs).

Here’s an easy alternative:

Here’s the code to hide the PayPal button:

<style>
  #checkoutWithPayPalLinkPreview {
    display:none;
  }
</style>

And, here’s some code you can also put in an HTML area to change the text on the buttons:

<script type="text/javascript">
  jQuery(document).ready( function() {
    jQuery("#checkoutWithCreditCardLinkPreview").text("Update Credit Card");
    jQuery("#checkoutWithCreditCardLinkPreview").on("click", function() {
      setTimeout(function(){ 
        jQuery(".continueButton").text("Update Credit Card");
      }, 1000);
    });
  });
</script>

And, lastly, in the video I mentioned some code to hide the Promo Code.  But, DUH!  No code is needed.  I wasn’t thinking straight.  Just go to the “Settings” tab of the Order Form and check the box to “Hide promo code field”.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top