Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Pago y contratación.

Explica producto, período, impuestos, renovación y efecto antes de solicitar una confirmación con impacto económico.

Ejemplo completo

Compara la deuda observada con la composición propuesta para r19.

AntesPrecio sin contrato ni recibo
r19Plan, impuestos, confirmación y recibo
COCHID · Datos

Contratar plan Equipo

Paso 3 de 3

Resumen

Plan Equipo · mensual
$79.000
IVA 19%
$15.010
Total de hoy
$94.010 CLP

Renueva el 25 sep 2026. Puedes cancelar antes de esa fecha.

Identidad tributaria

Compañía de Innovación de Santiago SpA
RUT 78.384.591-1 · Factura electrónica

Medio de pago
No cierres esta página durante la confirmación.

Objetivo

Explica producto, período, impuestos, renovación y efecto antes de solicitar una confirmación con impacto económico.

La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.

Regiones

OrdenRegión
1Resumen de producto
2Plan y período
3Datos tributarios
4Medio de pago
5Confirmación
6Recibo

Estados obligatorios

EstadoContenido mínimo
quotePrecio, IVA y vigencia
processingOperación identificada
paidRecibo y contrato
failedSin doble cobro y recuperación
cancelledEfecto y fecha

Responsive y accesibilidad

  • Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
  • El título de página es único y el breadcrumb conserva la jerarquía real.
  • Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
  • El foco llega al mensaje o campo que requiere atención tras un envío.
  • La URL entrega contenido completo sin router cliente.