Integrating templates with

Image result for hubspot logo transparent

Guide for Hubspot integration

Before you get started, to make sure you are equiped for a smooth integration please follow the steps below:

Step 1: Create an account on Billa Studio.

Step 2: Select from over 100+ templates, elements and layouts. Create and design your email marketing campaign.

Step 3: Export and download your email marketing campaign template file.

Step 4: Integrate your email marketing template with Hubspot.

 

Now you’re ready to go, it’s time to integrate with Hubspot!

In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.

Create a new file by clicking File > New file. You may need to click the folder icon folder to expand the finder.

In the dialog box, click HTML & HUBL

Code editor

Enter the details of your new file:

  • Select Template or Template Partial.
  • Select the type of template you’re coding (page, blog, or email).
  • Give your file a name.

Click Create

  • Copy and paste your HTML for your page or email template
  • To preview how your HubL will render, click to toggle the Show output switch on. A panel will open on the right with the rendered preview.

design-manager-show-output-toggle

Any errors in your code will be flagged in an error message when you try to publish changes. The error console at the bottom of the code editor will display the error or warning details, as well as suggestions on how you can fix these errors and warnings

error-console

Source: https://knowledge.hubspot.com/cos-general/build-a-custom-coded-template-in-hubspot