diff --git a/src/js/app.js b/src/js/app.js
index 292365c..b058aac 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -7,6 +7,14 @@ angular.module('focaBotoneraFacturador', [])
             botones: '<'
         }
     })
+    .component('focaBotoneraFormaPago', {
+        templateUrl: 'src/views/botonera-forma-pago.html',
+        controller: 'focaBotoneraTarjetasController',
+        bindings: { 
+            botones: '<',
+            max: '<'
+        }
+    })
     .component('focaBotoneraTarjetas', {
         templateUrl: 'src/views/botonera-tarjetas.html',
         controller: 'focaBotoneraTarjetasController',
diff --git a/src/views/botonera-forma-pago.html b/src/views/botonera-forma-pago.html
new file mode 100644
index 0000000..ea58c77
--- /dev/null
+++ b/src/views/botonera-forma-pago.html
@@ -0,0 +1,16 @@
+<div
+    class="col-6 col-lg-3 py-2"
+    ng-repeat="boton in botones track by $index"
+    ng-class="{'d-md-grid': boton == ''}">
+    <button
+        type="button"
+        class="btn btn-block btn-xs text-center rounded border border-light foca-overflow-hidden"
+        ng-disabled="boton.disabled"
+        ng-click="
+            (boton != '') ? ejecutarFuncion(boton.label) : null;
+            activarBoton(boton);"
+    >
+        <img ng-src="./img/{{boton.image}}" alt="">
+        <span>{{ boton.label }}</span>
+    </button>
+</div>