Módulo Magento 2 – Iconos de pago en la ficha de producto
- Compatibilidad
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.7, 2.3.6, 2.3.5, 2.3.4
Descripción / Módulo Magento 2 – Iconos de pago en la ficha de producto
MAGENTO 2 · FICHA DE PRODUCTO · PAGOS · INFORMACIÓN
Explique al cliente los métodos de pago disponibles.
Kowal Iconos de Pago
Muestre los iconos y nombres de los métodos de pago directamente en la ficha de producto. Añada sus propias descripciones en el panel para que, al hacer clic en un icono activo, se abran los detalles en un cómodo popup.
Iconos SVG · Descripciones en el panel · Popup AJAX
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Crea entradas
Añade el nombre, el icono y la descripción del método de pago.
02 · Configura la presentación
Selecciona las vistas de tienda, el orden y el color de fondo.
03 · El cliente conoce los detalles
Al hacer clic en un icono activo se abre la descripción del pago.
¿Qué gana tu tienda?
Descubre las funciones, el uso y la configuración del módulo.
Conoce el módulo
Kowal_Platnosci es un moderno módulo Magento 2 que permite presentar los métodos de pago disponibles directamente en la ficha de producto. Gracias al uso de iconos SVG y de un popup dinámico con la descripción de cada método, los clientes reciben información clara ya en la fase de consulta de la oferta.
Ventajas de implementar el módulo
- Mayor confianza de los clientes – presentar los pagos disponibles, por ejemplo BLIK, eRaty o PayU, ya en la página de producto aumenta la sensación de seguridad y la credibilidad de la tienda.
- Mejor conversión – los usuarios están más dispuestos a finalizar la compra si saben de antemano que pueden pagar de forma cómoda y con métodos que conocen.
- Apoyo a la decisión de compra – la información sobre opciones de pago a plazos o pagos aplazados disponibles, por ejemplo PayPo o Klarna, influye positivamente en la decisión de comprar productos de mayor importe.
- Integración completa con Page Builder – gestiona las descripciones de los métodos de pago sin conocimientos de código HTML: edita el contenido directamente en Magento.
- Implementación ligera y rápida – los archivos SVG garantizan una calidad excelente sin sobrecargar la página.
¿Cómo funciona el módulo?
En la sección product.info.main de la ficha de producto, el módulo añade un bloque con iconos de métodos de pago. Al hacer clic en un icono se activa un popup AJAX en el que se muestra la descripción del método, editable desde el panel de administración.
¿Por qué merece la pena?
La transparencia y claridad de los métodos de pago es un elemento clave de la UX de una tienda online. Nuestro módulo Magento 2 permite presentar de forma visual e intuitiva lo más importante para los clientes: cómo pueden pagar. En el entorno e-commerce actual, es una de las formas más eficaces de aumentar la confianza y las ventas.
Configuración de entradas y alcance del módulo
En el panel gestionas el nombre del pago, el icono, la descripción, el orden, el estado, la asignación a vistas de tienda y el color de fondo. El bloque ordena las entradas por orden y nombre; un icono activo inicia la carga de la descripción mediante AJAX. También está disponible un widget de iconos de pago.
El módulo presenta la información configurada; no activa pasarelas de pago, pagos a plazos ni pagos aplazados. BLIK, PayU, eRaty, PayPo y Klarna son ejemplos de contenido que puedes mostrar después de configurar los servicios correspondientes en la tienda. En Stores → Configuration → Kowal → platnosci se activa la extensión.
Instalación mediante Composer
Paquete kowal/module-platnosci, módulo Kowal_Platnosci. Tras configurar el acceso al repositorio de Kowal, instala el paquete, habilita el módulo, actualiza Magento y limpia la cache. En producción, incluye la compilación y el despliegue de contenido estático conforme al proceso de la tienda.
De la configuración al resultado
1. Crea entradas
Añade el nombre, el icono y la descripción del método de pago.
2. Configura la presentación
Selecciona las vistas de tienda, el orden y el color de fondo.
3. El cliente conoce los detalles
Al hacer clic en un icono activo se abre la descripción del pago.
Información sobre pagos a plazos antes de la compra
Añades un icono de pago a plazos y una descripción de sus condiciones. El cliente puede conocer los detalles mientras consulta el producto, antes de pasar al checkout.
Seleccionas los métodos presentados según los pagos realmente activados en la tienda.
Muestra las opciones de pago de forma clara
¿Quieres adaptar el módulo a tu tienda? Pregunta por la implementación de Kowal Iconos de Pago y comenta la configuración o las ampliaciones que necesitas.
Más Información
| Conformidad con la plantilla | Luma / Blank, KOWAL |
|---|
Change Log
Versión: 1.0.18
13.04.2026
Añadido
- Se ha añadido la ordenación de iconos de pago en el frontend según el campo
sort_order, con fallback alfabético por nombre de pago. - Se ha añadido soporte para el campo
sort_orderen el formulario y el listing del panel de administración. - Se ha añadido la vista previa del icono en el grid de administración en lugar de mostrar solo la ruta al archivo.
- Se han añadido etiquetas de estado legibles en el grid de administración.
- Se ha añadido la visibilidad del código de tienda en los selectores de store view y en el grid.
- Se ha añadido la posibilidad de asignar un icono de pago a varias store view mediante el multiselect
Store Views. - Se ha añadido una tabla de relación dedicada para las asignaciones de iconos de pago a store view.
- Se ha añadido un patch de migración que, durante la actualización, traslada las asignaciones existentes
store_ida la nueva tabla relacional.
Modificado
- Se ha modificado la carga de iconos en el frontend para que tenga en cuenta tanto los iconos asignados a la store view actual como los iconos globales asignados a
All Store Views. - Se ha modificado la forma de guardar las asignaciones de tiendas para que, al seleccionar
All Store Views, se guarde únicamente el valor0y se evite la duplicación innecesaria de los mismos iconos por tienda. - Se ha modificado la presentación de store view en el grid de administración para que un registro pueda mostrar varias store view asignadas.
Notas
- Tras la implementación, debe ejecutarse
php bin/magento setup:upgradepara crear la tabla de relación de store view y migrar las asignaciones existentes. - Después de la actualización, se debe limpiar la cache de Magento para aplicar la nueva configuración del panel de administración y la lógica de carga de iconos en el storefront.
Instrucciones de instalación del módulo
Instalación mediante Composer
Recibirás por correo electrónico los datos de acceso al repositorio Composer, la dirección de e-mail del cliente y el token de licencia, después de la compra. También están disponibles en el panel de cliente tras iniciar sesión en kowal.store. Sustituye TWOJ_EMAIL_KLIENTA por la dirección de e-mail de tu cuenta y TWOJ_TOKEN por el token recibido. Ejecuta los comandos en el directorio raíz de Magento.
composer config repositories.kowal composer https://repo.kowal.storecomposer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'composer require kowal/module-platnosciFinalización de la instalación
Después de instalar el paquete, actualiza Magento y limpia la cache:
php bin/magento setup:upgradephp bin/magento cache:flushEn el entorno de producción, realiza también la compilación DI y el despliegue de archivos estáticos conforme al proceso de despliegue de la tienda.