Añadir descripciones a formas de pago

formas de pago | paypal | stripe | instrucciones

Las formas de pago por transferencia o pago contra reembolso, ya incluyen unos campos de texto donde indicarle al cliente cómo proceder. Pero en el resto de métodos de pago, no.

En este tutorial vamos a aprender cómo añadir un texto explicativo junto a determinadas formas de pago, como PayPal o Stripe. Este snippet aparecerá en el módulo de pago que utiliza el cliente para realizar pagos en tu tienda online.

Este va a ser el resultado final:

El snippet lo introduciremos en Ajustes del sitio>Código personalizado>Código global personalizado>Código personalizado en Body.

Para insertar un texto explicativo en PayPal:

<script>
  //Añade una descripción debajo de la forma de pago. Se puede aplicar a otras formas de pago cambiando simplemente el valor en "data-payment"
  $(".tick-wrapper[data-payment='paypal']")
  .append("<span class='radio-info'>Si no tienes una cuenta de PayPal, puedes pagar igualmente con una tarjeta de crédito o débito.</span>");
</script>

Para insertar un texto explicativo en Stripe:

<script>
  //Añade una descripción debajo de la forma de pago. Se puede aplicar a otras formas de pago cambiando simplemente el valor en "data-payment"
  $(".tick-wrapper[data-payment='stripe']")
  .append("<span class='radio-info'>Los datos de tu tarjeta de crédito o débito que introduzcas aquí serás procesados por Stripe, una plataforma de pago segura utilizada en todo el mundo.</span>");
</script>

Importante: Para mostrar este texto en otras formas de pago solo tienes que cambiar el nombre en [data-payment='xxxx']

Te adjunto el enlace de un sitio donde aparecen estos textos explicativos en el módulo de pago:

https://vinos-gourmet.multibuilder.es/store/checkout