Skip to content
AboutWrite for usAdvertiseSubmit a press release
NewsletterSign in

News, guides and free tools for the SaaS stack

How to set up a professional email signature in HubSpot CRM

Design an email-safe signature, add your headshot and meeting link, and install it into HubSpot CRM for sales sequences and 1-to-1 emails.

Beginner5 steps8 minBy Guides team · Updated 29 Oct 2026
What you’ll need

A HubSpot account with a connected email inbox. No HTML or coding experience needed.

When your sales reps and account managers email leads from HubSpot CRM, a professional, branded email signature establishes instant credibility and drives high-intent actions like calendar bookings.

HubSpot allows you to configure custom signatures for 1-to-1 sales emails, automated sequences, and help desk tickets. This step-by-step guide walks through designing an email-safe signature and installing it into HubSpot CRM using HTML code.

Need to build your signature first? Use our free Email Signature Generator to customize your contact details, brand colors, profile photo, and meeting CTA in seconds.

What you need

  • A HubSpot account (Free CRM, Sales Hub, or Service Hub).
  • A connected personal or team email (Gmail, Google Workspace, Outlook, or Exchange).
  • Five minutes to generate and paste your signature.

Step 1: Generate your email-safe signature

Email clients like Outlook and Apple Mail strip modern CSS (Flexbox, Grid, and external stylesheets). Clean signatures must be built using nested HTML tables with inline styles.

  1. Open the Appboxs Email Signature Generator.
  2. In the Details & Contact tab, fill in your name, job title, company name, phone number, and website.
  3. In the Social & Links tab:
    • Paste a direct URL to your profile photo or company logo.
    • Add your LinkedIn or Twitter profile URLs.
    • Paste your HubSpot meeting link in the CTA Link URL field (e.g., https://meetings.hubspot.com/your-name) and set the label to 📅 Book a 15-min call.
  4. In the Style & Brand tab, pick your preferred layout template and brand color (such as HubSpot Orange #ff7a59 or your company's primary brand color).

Step 2: Copy the raw HTML code

In the generator's live preview panel, you will see two copy buttons:

  • Copy signature (Gmail / Outlook) — Copies rich text for desktop settings.
  • Copy raw HTML (HubSpot CRM) — Copies the underlying HTML code.

Click Copy raw HTML (HubSpot CRM).

Why use raw HTML for HubSpot? While HubSpot's visual editor supports pasting rich text, pasting raw HTML via the source code editor guarantees that inline table borders, image constraints, and button padding render with 100% pixel fidelity across Outlook and mobile clients.

Step 3: Open HubSpot's email signature settings

  1. Sign in to your HubSpot portal.
  2. Click the Settings icon (the gear icon) in the top-right navigation bar.
  3. In the left-hand sidebar menu, navigate to Your Preferences → General.
  4. Click on the Email tab at the top of the General settings page.
  5. Scroll down to the Signature section and click the Edit email signature button.

Step 4: Paste into the HTML source code editor

Inside the HubSpot signature pop-up window:

  1. Click the HTML source code button (represented by the <> icon) in the rich text formatting toolbar.
  2. Select and delete any existing placeholder text in the source code box.
  3. Paste (<kbd>Ctrl+V</kbd> on Windows or <kbd>Cmd+V</kbd> on Mac) the signature HTML code you copied in Step 2.
  4. Click the <> button again to return to visual mode. You will immediately see your formatted signature, complete with headshot, styled typography, and clickable icons.
  5. Click Save in the bottom-left corner.

Step 5: Test your signature on a sample record

Before enrolling contacts in automated sales sequences, verify how your signature renders:

  1. In HubSpot, navigate to CRM → Contacts.
  2. Open any test contact or your own personal record.
  3. Click the Email icon in the left panel to compose a new 1-to-1 email.
  4. Look at the bottom of the composer window — your new signature should be pre-populated automatically.
  5. Send a quick test email to both a Gmail and an Outlook inbox to verify that images and links display properly.

Best practices for HubSpot sales signatures

  • Keep images hosted externally: Always use publicly accessible HTTPS image URLs (from your CDN, company website, or Google Cloud Storage). Avoid uploading images as local attachments, which can trigger spam filters or display as paperclip attachments.
  • Set explicit image dimensions: Microsoft Outlook on Windows ignores CSS max-width rules. Our generator includes explicit width="84" and height="84" HTML attributes to prevent photos from expanding unexpectedly.
  • Track calendar conversions: Using your direct HubSpot meeting link in the signature CTA button automatically attributes booked meetings to the corresponding contact record in your CRM.
  • Keep it under 500px wide: Overly wide signatures break on smartphone screens, causing horizontal scrolling. The generator's templates are constrained to 480–540px for mobile responsiveness.

Troubleshooting

  • Images not loading in incoming emails: Ensure your image URLs start with https:// (not http://). Some corporate email firewalls block non-secure image assets.
  • Signature isn't appearing in sales sequences: In HubSpot, check Settings → Objects → Activities → Email. Ensure your personal email account is selected as the default sender for sequences.
  • Colors look faded in Outlook Dark Mode: Some versions of Outlook invert pure black #000000 text. Using a dark charcoal like #1f2937 or #18181b preserves contrast in both light and dark modes.

Next steps

Sources
Was this guide helpful?