diff --git a/resources/views/portal/default/gateways/authorize.blade.php b/resources/views/portal/default/gateways/authorize.blade.php
index 76cb28f78736..68b9885daa20 100644
--- a/resources/views/portal/default/gateways/authorize.blade.php
+++ b/resources/views/portal/default/gateways/authorize.blade.php
@@ -9,10 +9,9 @@
             <div class="col d-flex justify-content-center">
                 <div class="card w-50 p-10">
                     <div class="card-header">
-                        {{ ctrans('texts.payment')}}
+                        {{ ctrans('texts.add_payment_method')}}
                     </div>
                     <div class="card-body">
-                       <h2>{{ ctrans('texts.add_credit_card')}}</h2>
 
                        @yield('credit_card')
 
diff --git a/resources/views/portal/default/gateways/stripe/create_customer.blade.php b/resources/views/portal/default/gateways/stripe/create_customer.blade.php
index 2d7b12528e85..7584b82dfd74 100644
--- a/resources/views/portal/default/gateways/stripe/create_customer.blade.php
+++ b/resources/views/portal/default/gateways/stripe/create_customer.blade.php
@@ -6,12 +6,23 @@
     <div class="form-group">
 
         <input class="form-control" id="cardholder-name" type="text" placeholder="{{ ctrans('texts.name') }}">
+
+    </div>
         <!-- placeholder for Elements -->
+
+    <div class="form-group">
         <div id="card-element" class="form-control"></div>
+    </div>
+
+    <div id="card-errors" role="alert"></div>
+
+    <div class="form-group">
         <button id="card-button" class="btn btn-primary pull-right" data-secret="{{ $intent->client_secret }}">
           {{ ctrans('texts.save') }}
         </button>
     </div>
+
+
 </div>
 
 @endsection
@@ -40,11 +51,28 @@
       ).then(function(result) {
         if (result.error) {
           // Display error.message in your UI.
+          console.log(result.error);
+          console.log(result.error.message);
+
+        $("#card-errors").empty();
+        $("#card-errors").append("<b>" + result.error.message + "</b>");
+
         } else {
           // The setup has succeeded. Display a success message.
+          console.log(result);
         }
       });
     });
+
+    $("#card-button").attr("disabled", true);
+
+    $('#cardholder-name').on('input',function(e){
+      if($("#cardholder-name").val().length >=1)
+        $("#card-button").removeAttr("disabled");
+      else
+        $("#card-button").attr("disabled", true);
+    });
+
 </script>
 
 @endpush