Añadir imágenes en los métodos de pago de WooCommerce

LucusHost, el mejor hosting

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.

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:

anadir imagenes a metodos 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:

imagenes en pasarela de pago woocommerce

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!

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *