Trust badges
Los sellos de confianza son elementos gráficos que informan a los clientes sobre pagos seguros, entrega rápida, la posibilidad de devolución y una garantía de calidad. Ayudan a aumentar la conversión generando confianza en los momentos clave del proceso de compra.
Activar el módulo
Section titled “Activar el módulo”Vaya a WooCommerce > Polski > Módulos de tienda y active Trust badges. Los iconos aparecerán automáticamente en las páginas de producto, carrito y pago.
Funciones
Section titled “Funciones”- Señales de confianza configurables con iconos SVG en línea
- Visualización en las páginas de producto, carrito y resumen del pedido
- 7 tipos de iconos: lock, truck, refresh, shield, star, check, heart
- Texto personalizado bajo cada sello
- CSS puro sin dependencias externas
- Diseño adaptable en dispositivos móviles
Ajustes
Section titled “Ajustes”Configuración en WooCommerce > Polski > Módulos de tienda > Trust badges.
| Ajuste | Predeterminado | Descripción |
|---|---|---|
show_on_product | true | Mostrar sellos en la página de producto |
show_on_cart | true | Mostrar sellos en la página del carrito |
show_on_checkout | true | Mostrar sellos en la página de pago |
Cada sello se puede activar/desactivar y configurar de forma individual:
- Icono - elija entre 7 tipos disponibles
- Título - texto breve bajo el icono (p. ej. “Pago seguro”)
- Orden - posición respecto a los demás sellos
Opción en la base de datos: polski_trust_badges.
Sellos predeterminados
Section titled “Sellos predeterminados”Tras activar el módulo, hay disponibles 4 sellos predefinidos:
| Sello | Icono | Texto predeterminado |
|---|---|---|
| Pago seguro | lock | Conexión SSL cifrada |
| Entrega rápida | truck | Envío en 24 h |
| Devoluciones | refresh | 14 días para devolver |
| Garantía de calidad | shield | Productos originales |
Detalles técnicos
Section titled “Detalles técnicos”Iconos SVG
Section titled “Iconos SVG”Todos los iconos se renderizan como SVG en línea - sin peticiones HTTP, sin dependencia de bibliotecas de iconos. Cada icono tiene un tamaño de 32x32px y hereda su color del CSS.
// Filter the list of badgesadd_filter('polski/trust_badges/items', function (array $badges): array { // Add a custom badge $badges[] = [ 'icon' => 'star', 'title' => 'Over 1000 reviews', ]; return $badges;});
// Change the position on the product pageadd_filter('polski/trust_badges/product_hook', function (): string { return 'woocommerce_after_add_to_cart_form'; // default: woocommerce_product_meta_end});Clases CSS
Section titled “Clases CSS”.polski-trust-badges- contenedor principal.polski-trust-badge- sello individual.polski-trust-badge__icon- icono SVG.polski-trust-badge__title- texto bajo el icono
.polski-trust-badges { display: flex; gap: 1rem; justify-content: center; padding: 1rem 0; border-top: 1px solid #e5e7eb;}ID del módulo
Section titled “ID del módulo”trust_badges
Resolución de problemas
Section titled “Resolución de problemas”Los sellos no aparecen - compruebe que el tema admite los hooks de WooCommerce en la página de producto (woocommerce_product_meta_end) y en el carrito (woocommerce_after_cart_totals).
Los iconos son demasiado pequeños / demasiado grandes - sobrescriba el tamaño en el CSS: .polski-trust-badge__icon svg { width: 40px; height: 40px; }.
Notificar problemas: github.com/wppoland/polski/issues