Toda la documentación

DocumentaciónHubSpotUsar tu tema en HubSpot

Usar tu tema en HubSpot

Después de tu primera exportación, el tema de transjt está en tu cuenta de HubSpot. Así puedes crear páginas con él.

Antes de empezar

  • Una cuenta de HubSpot conectada en transjt, en Settings > Integrations o en el paso Deploy de tu proyecto (se necesitan permisos de Super Admin). Consulta Conectar HubSpot.
  • Sirve cualquier plan de HubSpot, incluido el gratuito.

Encontrar tu tema

  1. En HubSpot, crea una nueva página del sitio web (o un nuevo proyecto de sitio web).
  2. Elige tu tema de transjt. Lleva el nombre del proyecto y la imagen de portada que definiste en transjt.

El tema solo aparece después de tu primera exportación.

HubSpot Themes page, Themes in your portal: exported transjt themes with their project name and cover image next to HubSpot themes, each with Set as active theme and Preview
HubSpot > Themes: tu tema de transjt aparece con el nombre del proyecto y su imagen de portada.

Subir el tema manualmente

¿Prefieres instalar el tema por tu cuenta, por ejemplo en una cuenta de HubSpot que no está conectada a transjt? Descárgalo y súbelo en HubSpot:

  1. En transjt, abre tu proyecto y ve al paso Deploy.
  2. Haz clic en Download Theme. Obtienes el tema como archivo ZIP. También puedes descargar una versión anterior en Previous Packages.
  3. En HubSpot, abre Settings (icono del engranaje) y ve a Content > Themes & Modules.
  4. Haz clic en Upload Theme y selecciona el archivo ZIP.

Después, el tema aparece en la lista Themes y puedes crear páginas con él como se describe arriba.

Sin imágenes en la descarga. Un tema de HubSpot descargado no incluye tus imágenes. Después de subirlo, añádelas por tu cuenta en HubSpot. Para obtener el tema con todas las imágenes, usa en su lugar Deploy Theme to HubSpot.
HubSpot Settings, Content, Themes and Modules: the list of themes in the account and the Upload Theme button at the top right
HubSpot Settings > Content > Themes & Modules: haz clic en Upload Theme y selecciona el archivo ZIP.

Crear páginas

Tus componentes llegan como módulos nativos de HubSpot. Añádelos a la página en el editor de arrastrar y soltar de HubSpot, reordénalos y cambia los textos y las imágenes en los campos del módulo. Sin necesidad de un desarrollador.

HubSpot page editor with an exported transjt page: the Add modules panel lists the theme modules such as Hero, Pricing plans, FAQ accordion and Site header, next to the page preview
Editor de páginas de HubSpot: tus módulos de transjt aparecen en Add modules > Theme. Arrástralos a la página.

El encabezado y el pie de página son componentes globales por defecto: los editas una vez y el cambio aparece en todas las páginas. La navegación sigue tu menú de HubSpot, así que una página nueva que añadas al menú aparece automáticamente en el encabezado.

También puedes convertir cualquier otro componente en global. Márcalo como global en la app de transjt y reutilízalo en tantas páginas como quieras.

Formularios

Un formulario de tu diseño se convierte en un formulario nativo de HubSpot, y los envíos van directamente a tu CRM. Puedes vincular un formulario diseñado a un formulario de HubSpot existente en pocos minutos, sin código.

Video: cómo vincular un formulario con diseño propio a los formularios de HubSpot

Blog

Los diseños del listado del blog y de las entradas se convierten en plantillas de blog de HubSpot. En Figma, impórtalos con los tipos Blog y Blog Detail.

Video: cómo crear el listado del blog y las páginas del blog

Volver a exportar un componente

Si un componente ya existe en HubSpot cuando vuelves a exportar, transjt te pregunta si quieres reemplazarlo o conservar el existente. Lo encuentras en Tasks, donde las importaciones terminadas aparecen marcadas como Ready for export. Haz clic en Continue para seguir.

Video: ¿qué son las tareas en transjt?

Tu web actual está a salvo

transjt crea un tema aparte y no toca las páginas que ya tienes. Crea páginas nuevas con el tema nuevo cuando lo tengas todo listo. No mezcles en una misma página módulos del tema antiguo y del nuevo.

Diseña tu web hoy y lánzala mañana.

En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.