Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Cree módulos personalizados para utilizarlos en plantillas de cotización

Última actualización: 26 de mayo de 2026

Se requieren permisos Se requieren permisos de superadministrador o Gestionar plantillas de cotización para crear y configurar plantillas de cotización.

Cree módulos personalizados para plantillas de cotización para personalizar la apariencia, el contenido y la lógica. Se pueden utilizar módulos personalizados para adaptar las cotizaciones a sus compradores, en función de las necesidades de su empresa.

Antes de empezar

Antes de empezar a trabajar con módulos personalizados, entienda de antemano qué pasos hay que dar, así como las limitaciones de la función y las posibles consecuencias de su uso.

Comprender los requisitos

Si no estás familiarizado con React, HTML, JavaScript y CSS, trabaja con un desarrollador para crear módulos personalizados.

Limitaciones y consideraciones

  • No es posible crear o añadir módulos codificados personalizados a una cotización utilizando la API. Los usuarios de la API pueden seleccionar plantillas que incluyan módulos personalizados.

  • Sólo existe una zona de arrastrar y soltar. No se admiten diseños de página complejos como, por ejemplo, un único módulo como apartado de toda la cotización.

  • Debe utilizar el contenedor fijo de la cotización. El HTML de la cabecera del sitio puede actualizarse para modificar la anchura del área de arrastre.

  • Utiliza CSS personalizado para ocultar la barra de estado en la parte superior de las cotizaciones.

Casos prácticos comunes

Los módulos personalizados ofrecen flexibilidad para personalizar las plantillas de cotización de varias maneras. Revise los siguientes casos prácticos comunes.

Crear un módulo de tabla de elementos de pedido

Cree una tabla de elementos de pedido personalizada que se adapte a las necesidades de su empresa. Por ejemplo:

  • Añadir secciones: mostrar elementos de pedido en secciones basadas en propiedades. Por ejemplo, secciones separadas para productos y servicios o elementos de pedido únicos y recurrentes.

  • Módulo de totales personalizados: muestra un resumen de la cotización o cálculos personalizados.
  • Visualizar un programa de facturación: crear un programa basado en los elementos de pedido de la cotización.
  • Elementos de pedido opcionales: mostrar los elementos de pedido como opcionales. Los compradores pueden actualizar la cotización y la cantidad del negocio utilizando funciones sin servidor.

  • Rampas: muestra los cambios de precio de los elementos de pedido a lo largo del tiempo establecido por un calendario predefinido. Por ejemplo, un producto que cuesta 5.000 dólares el primer año, 10.000 dólares el segundo. También puede establecer un elemento de pedido con descuento durante los 3 primeros meses, antes de que aumente al precio sin descuento en el cuarto mes.

    Nota: los módulos codificados a medida no pueden gestionar las implicaciones de facturación de las rampas fuera del respeto de las fechas de inicio de facturación.

Crear un módulo de términos y condiciones condicionales 

Mostrar diferentes términos o contenidos en función de los datos de cotización. Por ejemplo, puede mostrar el lenguaje legal específico de una región en función del país del comprador o incluir términos específicos del producto cuando se añaden determinados elementos de pedido.

Crear una sección de fiestas

Oculta el módulo de fiestas estándar y crea un módulo personalizado con tu propia branding y formato. También puede integrar datos personalizados, como direcciones de envío o propiedades de empresas secundarias.

Crear un menú de navegación personalizado

Añada un menú de navegación para ayudar a los compradores a navegar por cotizaciones largas.

Exigir el acuse de recibo de las secciones

Añada módulos interactivos codificados a medida con casillas de verificación o botones para que los compradores confirmen módulos específicos antes de aceptar la cotización.

Nota: esto requiere un script independiente en la cabecera HTML del sitio para desactivar la aceptación hasta que se confirmen las casillas de verificación.

Módulos de estilo

Cree módulos con formato de imagen personalizado, sombras, esquinas redondeadas, branding y mucho más.

Crear módulos personalizados

Más información sobre la creación de módulos personalizados.

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.