Configuración de widgets

Descripción general de la configuración de widgets

Umbrella ofrece 12 tipos de widget que controlan cómo aparecen las opciones de garantía en tu tienda, el carrito, el checkout y las páginas de estado del pedido. Cada uno tiene su propia plantilla y sus propias opciones de configuración.

Tipos de widget

Modos de visualización

Garantía extendida

Protección de envío

Opciones de PDP

• Modo de visualización — inline, modal o individual
• Exigir elegir una opción — exige decidir sobre la garantía antes de agregar al carrito
• Seleccionar la primera automáticamente — preselecciona la primera opción de garantía al cargar
• Modal al agregar al carrito — abre el selector de garantía al hacer clic en Agregar al carrito
• Mostrar opción sin cobertura — muestra una opción explícita de “Rechazar”

Inserción personalizada

• Inserción personalizada sobre el selector — contenido HTML encima del selector de garantía
• Selector de inserción personalizado — selector CSS que indica dónde colocar el widget
• Posición de inserción personalizada — outside-above, inside-top, inside-bottom o outside-below

Opciones del carrito

• Ocultar botón de información — oculta el botón de detalles de la garantía
• Ocultar botón de eliminar — oculta el botón para quitar la garantía
• Ocultar la línea de garantía extendida en el carrito — oculta la fila de la garantía (sigue en el carrito, solo que no es visible)
• Ocultar el nivel de precio de la línea de garantía extendida — oculta la información del nivel de precio
• Ocultar los detalles de la línea de garantía extendida — oculta el plazo y el nivel de servicio
• Sumar al total de la línea protegida — integra el precio de la garantía en el total del producto
• Desactivar interacciones con la línea de garantía — impide hacer clic en los artículos de garantía
• Ocultar detalles de la cobertura — oculta la información sobre qué está cubierto
• Ocultar plazo de la garantía — oculta la duración
• Ocultar la marca Umbrella — quita el logotipo de Umbrella
• Usar plantilla personalizada — usa una plantilla HTML personalizada (consulta Plantillas de widgets)

Opciones del estado del pedido

• Ocultar botón de reclamo — oculta “Presentar un reclamo”
• Ocultar indicador de estado — oculta el indicador Activa/Vencida/Pendiente
• Ocultar información del período de reclamo — oculta los detalles del período para presentar reclamos

Opciones del modal de estado del pedido

• Ocultar ID de póliza — oculta el número de ID de la póliza
• Ocultar fecha de inicio / Ocultar fecha de fin — oculta las fechas de cobertura
• Ocultar período de reclamo — oculta la información del período de reclamo
• Ocultar botón Ver póliza — oculta el enlace a los detalles completos de la póliza
• Ocultar botón Presentar reclamo — oculta el botón para presentar un reclamo

Opciones de protección de envío

• Modo de visualización — checkbox o button-choice
• HTML del botón de checkout — HTML personalizado para el botón de selección
• Texto para continuar sin protección — texto de la opción de rechazo (por ejemplo, “No, gracias”)

Localización

Agrega traducciones para el texto de los widgets con un objeto de idiomas anidado:

{
  "translations": {
    "fr": {
      "addProtection": "Ajouter la protection",
      "fileAClaim": "Deposer une reclamation"
    }
  }
}

Relacionado

• Plantillas de widgets — Plantillas HTML personalizadas y atributos de datos
• Extensión de tema de Shopify — Widget de PDP mediante la incrustación del tema
• Extensiones de checkout de Shopify — Configuración del widget de checkout
• Extensiones de pedidos de Shopify — Visualización del widget en el estado del pedido