transjt.io exports your project to HubSpot as a theme.

Content overview:

<aside> 💡

Read more about HubSpot Themes: https://knowledge.hubspot.com/website-and-landing-pages/use-themes

</aside>

To ensure that the theme works properly and you can find it please follow the next steps:

1. Create a new project in transjt.io and add a preview image

To ensure that the themes selection page in HubSpot has a preview image and you can find your theme / project easily.

2. Export the first module(s) from transjt.io to HubSpot

<aside> ⚠️

Your theme will be created automatically after the first export to HubSpot. Make sure that you have linked you HubSpot account with transjt.io (Read more how to link HubSpot and transjt.io: Integrations: HubSpot CMS

Sometime you have to wait up to 2 minutes till the theme or components appear in HubSpot.

</aside>

3. Select your theme

1. Go to “Content” > “Website Pages”

2. Click “Create” (new project)

3. Click “Select a themes” > “Change theme”

   

4. Select your theme Click “Set as active theme”

   

5. Select template Click “Select Template”

   

4. Work with the theme & Sections

1. After you selected the theme and the template you can find all previously exported components in the left side bar in the tab “Sections”

   

   You can select and drag the sections into the modules area at the right side and and edit the contents in HubSpot’s wysiwyg-editor.

   

   5. Pro Tip

   All themes' files are located in the 'transjt_projects' folder of the HubSpot Design Manager and can be modified in-place or cloned to other themes.