Instalación del simulador para Shopify.

Página de producto

Recomendamos instalar el simulador a la página de producto para poder mostrar a sus clientes que los productos están fianciados.

Para poder añadir el simualdor, se tiene que editar el template de la página de producto. Para editar estos templates, se tiene que acceder al panel de administración de SHOPIFY, y allí seleccionar el menú Online Store > Themes. En el menú de Themes, seleccionar la opción Edit HTML/CSS.

En la página de edición del tema, se puede añadir el simulador en varios lugares. Nuestra recomendación es en Templates > product.liquid (dependiendo del template que estés usando esto puede variar).

El código a añadir es el siguiente y una posible posición es justo encima del formulaio con id AddToCartForm, si tenéis el template original, pero se puede colocar en otras posiciones.

NOTA: Recordad de actualizar la public_key con vuestra clave pública que podéis enctrar en el Backoffice.

NOTA2: La biblioteca se puede incluir en el header o footer en vez de la página de producto.

<script type='text/javascript'
src='https://cdn.pagamastarde.com/pmt-js-client-sdk/3/js/client-sdk.min.js'>
</script>

<div>&nbsp;</div>
<div class='PmtSimulator' data-pmt-num-quota='4' data-pmt-max-ins='6'
data-pmt-style='blue' data-pmt-type='2'
data-pmt-discount='0'
data-pmt-amount='{{ current_variant.price | divided_by: 100 }}'
data-pmt-expanded='no'>
</div>

<script>
(function(){
  pmtClient.setPublicKey('public_key');
  pmtClient.simulator.load_jquery();
})()
</script>
<div>&nbsp;</div>
<!-- end of Paga+Tarde code -->

<form action='/cart/add' method='post' enctype='multipart/form-data' id='AddToCartForm'>
...
...

Si quieres, nuestro equipo puede realizar la instalación del simulador por ti.

El resultado del código es:

simulador in product page