Conocemos la lucha: quieres la completa libertad de diseño de Figma, pero necesitas la robusta gestión de datos de HubSpot. Hoy, estamos cerrando esa brecha.
Estamos muy contentos de lanzar una nueva característica que le permite vincular sus formularios Figma diseñados directamente a los formularios nativos de HubSpot a través de mapeo de campos inteligentes y transjt.
Aquí está tu guía paso a paso para dominar este nuevo flujo de trabajo.
Comienza donde eres más creativo-Figma. Diseñe su formulario exactamente como quiere que se vea.
Nota: Puede utilizar todos los tipos de campo estándar (entradas, casillas de verificación, desplegables, radios, etc.), pero excluya la funcionalidad de carga de archivos para esta integración.
Una vez que su diseño esté listo:
Importe el diseño del formulario en transjt.ai
Utilice la función de exportación de transjt para empujar el módulo a su portal HubSpot.
Ahora, cambia a tu cuenta de HubSpot.
Primero crea un formulario nativo de HubSpot.
Asegúrate de que este formulario contiene exactamente los mismos campos que tu diseño (por ejemplo, Nombre, Email, Empresa, etc.).
Consejo profesional: Si tu diseño incluye puntos de datos personalizados (como "Hora de llamada preferida"), es posible que tengas que crear primero Propiedades personalizadas en HubSpot y, a continuación, añadirlas a tu formulario nativo.
Aquí es donde ocurre la magia. Tienes que decirle al formulario diseñado exactamente dónde enviar los datos para cada campo específico.
Vuelve a tu Formulario Diseñado en HubSpot y localiza la sección " Mapeo de Campos" en el lado izquierdo del panel de configuración del formulario. Para cada campo de entrada en tu diseño, tendrás que añadir una cadena de mapeo específica basada en el Tipo de Objeto HubSpot y el Valor (Nombre Interno).
La sintaxis es simple: TipoObjeto:NombreInterno
Tipo de Objeto: Normalmente contacto o empresa.
Valor: El nombre interno de la propiedad en HubSpot (por ejemplo, firstname, email, call_time).
Digamos que tienes un campo personalizado que pregunta a los leads por su Hora de llamada preferida.
Compruebe HubSpot: Creaste una propiedad donde el Tipo de Objeto es contacto y el nombre interno es call_time
Crea la Cadena: Combínalas para obtener contact:call_time.
Aplicar al Formulario diseñado: En la sección "Fields Mapping" para ese campo de entrada específico, introduce: contact:call_time
Una vez mapeado el bonito frontend, y HubSpot actúa como el potente backend. Cuando un usuario pulsa enviar en tu diseño personalizado, los datos aterrizan instantáneamente en el campo correcto de tu CRM.
Control total del diseño: No más peleas con el estilo predeterminado de HubSpot.
Datos limpios: Asigna campos con precisión para que tu base de datos se mantenga organizada.
Integración perfecta: Mantén tu automatización de marketing en funcionamiento sin perder el ritmo.