Plantilla HTML5 para la respuesta BankStore IFRAME personalizado

Plantillas

Bankstore Iframe

Si necesitas cambiar los textos predefinidos ("Titular de la tarjeta", "Número de la tarjeta", etc. ), contacta con Banco Sabadell.

No serán aceptados cambios en los input o select (type, maxlength, name, id)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="{SE CONFIGURA DESDE PANEL DE CONTROL}" rel="stylesheet" type="text/css">
<title>PAYCOMET</title>
<style type="text/css">
<!--Estos estilos generales dentro del head, no pueden modificarse en el panel de control, contacte con Banco Sabadell-->
div {margin:0;padding:0;float:left;width:100%;display:inline;}
</style>
</head>
<body style="width:450px;">
<div style="{SE CONFIGURA DESDE PANEL DE CONTROL}">
<div>
<div style="width:28%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Titular de la tarjeta:</span></div>
<div style="width: 2%;"> </div>
<div style="width:70%;"><input type="text" style="{SE CONFIGURA DESDE PANEL DE CONTROL}" maxlength="50" id="Nombre" name="Nombre" value="" onClick="this.value='';" /></div>
</div>
<div>
<div style="width:28%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Número de la tarjeta:</span></div>
<div style="width: 2%;"> </div>
<div style="width:70%;"><input type="text" style="{SE CONFIGURA DESDE PANEL DE CONTROL}" maxlength="16" id="MERCHANT_PAN" name="MERCHANT_PAN" value="" onClick="this.value='';" /></div>
</div>
<div>
<div style="width:28%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Fecha de caducidad:</span></div>
<div style="width: 2%;"> </div>
<div style="width:70%;">
        <div style="width:50%;">
                <div style="width:22%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Mes:</span></div>
                <div style="width: 3%;"> </div>
                <div style="width:22%;">
                        <select id="mm" name="mm" style="{SE CONFIGURA DESDE PANEL DE CONTROL}">
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                        </select>
                </div>
        </div>
        <div style="width:50%;">
                <div style="width:22%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Año:</span></div>
                <div style="width: 3%;"> </div>
                <div style="width:22%;">
                        <select id="yy" name="yy" style="{SE CONFIGURA DESDE PANEL DE CONTROL}">
                                <option value="13">2013</option>
                                <option value="14">2014</option>
                                <option value="15">2015</option>
                                <option value="16">2016</option>
                                <option value="17">2017</option>
                                <option value="18">2018</option>
                        </select>
                </div>
        </div>
</div>
</div>
<div>
<div style="width:28%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">Código CVC2:</span></div>
<div style="width: 2%;"> </div>
<div style="width:70%;">
        <div style="width:14%;"><input type="text" style="width:90% !important;{SE CONFIGURA DESDE PANEL DE CONTROL}" maxlength="4" id="MERCHANT_CVC2" name="MERCHANT_CVC2" value="" onClick="this.value='';" /></div>
        <div style="width:14%;"><img src="https://api.paycomet.com/gatewayhttps://docs.paycomet.com/img/cvv2.png" alt="CVC2" width="34" height="21" title="CVC2" style="margin-top:6px; margin-left:5px; float:left;" /></div>
        <div style="width:70%;"><span style="{SE CONFIGURA DESDE PANEL DE CONTROL}">(3 últimos dígitos)</span></div>
</div>
</div>

<div>
<img src="https://api.paycomet.com/gatewayhttps://docs.paycomet.com/assets/img/clockpayblue.gif" alt="Espere" width="41" height="30" id="clockwait" style="display:none; margin-top:5px;" />
<input type="submit" style="{SE CONFIGURA DESDE PANEL DE CONTROL}" value="Aceptar pago" id="btnforg" />
</div>
</div>


                        
                

Respuesta BankStore Iframe

Este html no puede modificarse en el panel de control, contacta con Banco Sabadell.

No serán aceptados cambios en los input o select (type, maxlength, name, id)

Si los estilos del panel de control no son los mismos pueden eliminarse las llaves e incluirse dentro de la etiqueta style.


<!-- BANKSTORE IFRAME RESPONSE TEMPLATE v1.1 WVS-MAM-BEXW -->


<!-- Opción KO dos botones -->

  <div style="{PANEL DE CONTROL BACKGROUND_STYLE}">
      <div style="margin-top:15px;">
       <div style="width:99%;margin-top:13px;"><span style="{PANEL DE CONTROL TEXT_STYLE}">No se ha podido realizar correctamente la operación por el siguiente motivo:</span></div>
       <div style="width:99%;margin-top:13px;"><b><span style="{PANEL DE CONTROL TEXT_STYLE}">*-*-*-*-*-MOTIVO-*-*-*-*-*</span></b></div>
    </div>
  </div>

  <div style="{PANEL DE CONTROL BACKGROUND_STYLE}">
      <div style="margin-top:25px;">
       <div style="padding:10px;"><input type="button" value="Volver" style="{PANEL DE CONTROL SUBMIT_STYLE}" onclick="document.location='.....'" /></div>
       <div style="padding:10px;"><input type="button" value="Finalizar" style="{PANEL DE CONTROL SUBMIT_STYLE}" onclick="parent.location='.....'" /></div>
    </div>
  </div>


<!-- Opción OK una línea / un botón (add_user) -->

  <div style="{PANEL DE CONTROL BACKGROUND_STYLE}">
      <div style="margin-top:15px;">
         <div style="padding:10px;"><span style="{PANEL DE CONTROL TEXT_STYLE}">La información ha sido actualizada correctamente</span></div>
         <div style="padding:10px;"><input type="button" style="{PANEL DE CONTROL SUBMIT_STYLE}" value="Finalizar" onClick="parent.location='.....'" /></div>
    </div>
  </div>

<!-- Opción OK una línea / un botón (authorization - subscription) -->

  <div style="{PANEL DE CONTROL BACKGROUND_STYLE}">
      <div style="margin-top:15px;">
         <div style="padding:10px;"><span style="{PANEL DE CONTROL TEXT_STYLE}">El pago del pedido con referencia: <b>*-*-REFERENCIA-*-*</b><br />ha sido realizado con éxito</span></div>
         <div style="padding:10px;"><input type="button" style="{PANEL DE CONTROL SUBMIT_STYLE}" value="Finalizar" onClick="parent.location='.....'" /></div>
    </div>
  </div>


                        
                

¿Tienes alguna duda que no queda resuelta?

Entra en el panel de control de tu cuenta y abre un ticket.

Entra en tu panel