What is a HubSpot welcome email template?
A HubSpot welcome email is the first automated email sent to new contacts — after a form submission, free trial signup, or new account creation. It sets the tone for your brand, confirms the action they just took, and guides them toward the next step.
This template is designed in Figma and exports as custom coded HTML directly to HubSpot Design Manager. Works with HubSpot Marketing Hub Starter or higher.
What's included
Header — Logo placement with optional navigation links. Collapses cleanly on mobile.
Hero block — Headline, supporting copy, and primary CTA button. The main message your new contact sees first.
Text block — Body copy for onboarding instructions, feature highlights, or next steps.
CTA section — Standalone call-to-action for "Get Started", "Complete Your Profile", or "Book a Demo".
Callout block — Highlighted message box for tips or important information.
Footer — Company info, unsubscribe link, and social icons. Pre-configured with HubSpot compliance tokens.
HubSpot personalization tokens included
| Token | Used for |
|---|---|
{{ contact.firstname }} |
Personalized greeting |
{{ contact.email }} |
Confirming their email address |
{{ contact.company }} |
Company-specific onboarding |
{{ unsubscribe_link }} |
Subscription preferences |
{{ site_settings.company_name }} |
Your company name in footer |
{{ site_settings.company_street_address_1 }} |
CAN-SPAM compliant address |
Using this in HubSpot workflows
Once imported to Design Manager this template works in:
- Welcome workflows — trigger on form submission or contact creation
- Lead nurture sequences — first email in a multi-step onboarding flow
- Sales Hub sequences — Pro and Enterprise
- Smart Content — show different blocks based on lifecycle stage or list membership
How to import to HubSpot
- Duplicate the Figma file and customize with your brand
- Open Marka Email Generator, select the frame, click Export for HubSpot
- In HubSpot: Content → Design Manager → Create File → HTML + HUBL → Email
- Paste the HTML and click Publish Changes
- Create a new email → Custom tab → select your template
Full walkthrough with screenshots: Figma to HubSpot export guide →
