Nos encantan poner imágenes, ya que se lee muy poco y ayudan a identificar más fácilmente lo que dice el texto, en este caso a lo que se refieren los métodos de pago en el checkout de nuestro ecommerce. En WooCommerce por defecto algunos métodos de pago tienen ya un logo puesto como RedSys, PayPal o algún método de financiación. Pero en general en el resto no, como transferencia bancaria, contra reembolso, etc.
Es algo que a mi forma de ver no es necesario, pero ya cuestión de gustos. Así que en este tutorial vamos a ver cómo añadirlas a la página de finalizar compra o checkout de nuestro WooCommerce. En este caso os recomendaré un plugin, ya que por código habría que cambiar muchas cosas dependiendo del método de pago y es muy largo.
Índice
WooCommerce Payment Icons Widget & Shortcode
Este es el mejor plugin que he encontrado que se adapta a cualquier plugin de pasarela de pagos que tengamos en nuestra tienda online. Lo podéis encontrar en esta url o en el repositorio oficial de WordPress. Nos permitirá añadir iconos y fotos en cada apartado desde los ajustes de la forma de pago:
Recuerda que debes subir tú la imagen que te guste más y desde medios, coger esa url y pegarla en el apartado de icono. El de retina(icon @2x) no hace falta subirlo. Tenemos que ponerla en cada forma de pago y conseguiremos mostrar en la página de finalizar compra:
Os podría recomendar más plugins o alguno de pago, pero con este vamos sobrados. Tenéis que poner los iconos en un tamaño muy pequeño para que se vea así de bien, altura entre 20-25px.
Cualquier duda como siempre, os leo en comentarios!
