diff --git a/assets/javascripts/discourse/components/stripe-card.js.es6 b/assets/javascripts/discourse/components/stripe-card.js.es6
index 78a98b2..30192f6 100644
--- a/assets/javascripts/discourse/components/stripe-card.js.es6
+++ b/assets/javascripts/discourse/components/stripe-card.js.es6
@@ -3,6 +3,7 @@ import { getRegister } from 'discourse-common/lib/get-owner';
 
 export default Ember.Component.extend({
   donateAmounts: [1, 5, 10, 25],
+  error_message: null,
   result: null,
   amount: null,
   stripe: null,
@@ -33,7 +34,7 @@ export default Ember.Component.extend({
         self.set('result', null);
 
         if (result.error) {
-          console.log(result.error);
+          self.set('error_message', result.error.message);
         }
         else {
           self.set('transactionInProgress', true);
diff --git a/assets/javascripts/discourse/templates/components/stripe-card.hbs b/assets/javascripts/discourse/templates/components/stripe-card.hbs
index a982f1c..da73fe0 100644
--- a/assets/javascripts/discourse/templates/components/stripe-card.hbs
+++ b/assets/javascripts/discourse/templates/components/stripe-card.hbs
@@ -22,6 +22,10 @@
         {{loading-spinner size="small"}}
       {{/if}}
 
+      {{#if error_message}}
+        <span class="error">{{error_message}}</span>
+      {{/if}}
+
       {{#if result}}
         <span>{{i18n 'discourse_donations.success'}}</span>
       {{/if}}