Skip to content
Marketing

Logo Element in Email Builder

The Logo Element allows you to easily insert your brand logo into email templates, helping you maintain consistent branding and visual identity across…

2 min read489 words5 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. What is the Logo Element in Email Builder?
  2. Key Benefits of the Logo Element
  3. How To Setup the Logo Element
  4. Frequently Asked Questions

The Logo Element allows you to easily insert your brand logo into email templates, helping you maintain consistent branding and visual identity across all communications. You can upload, resize, and align your logo while ensuring it displays clearly on both desktop and mobile devices.

TABLE OF CONTENTS

What is the Logo Element in Email Builder?

The Logo Element is a drag-and-drop block that lets you add your company or brand logo to an email layout. It helps create instant brand recognition and sets a professional tone for your message.

You can upload a logo image directly or use a hosted image link. The element includes customisation options such as resizing, alignment, and linking, allowing you to control how your logo appears within the design.

Note: For best results, use a transparent PNG or high-quality JPG file.

Key Benefits of the Logo Element

Adding the Logo Element to your email design offers several advantages:

  • Reinforces brand recognition and consistency.

  • Simplifies logo placement with easy drag-and-drop functionality.

  • Supports resizing, alignment, and linking for flexible layout options.

  • Ensures sharp, clear display across devices and screen sizes.

  • Allows linking the logo to a homepage or landing page for easy navigation.

How To Setup the Logo Element

Follow these steps to add and configure the Logo Element in your email template:

  1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.

    Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account… What this shows Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account dashboard. What this shows Shows where to go for step 1 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". This screenshot accompanies step 1 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". At this point in the walkthrough you navigate to Marketing → Emails → Templates from your sub-account dashboard. The next step is to open an existing email template or click the + New button to create one. Step 1 of 8Image 1 of 5 Where to goNavigate to Marketing → Emails → Templates from your sub-account dashboard.
    Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Logo ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepOpen an existing email template or click the + New button to create one.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard. this image
    2. Open an existing email template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Logo Element under the Elements section.
    5. Drag and drop the Logo Element to the desired position, usually at the top of your layout.
    6. Click on the Logo Element to open the Edit tab on the left panel. Here you can:
    7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed.
    8. Preview your email on both desktop and mobile to ensure the logo displays perfectly.

  2. Open an existing email template or click the + New button to create one.

    Step 2 of 8: Open an existing email template or click the + New button to create one What this shows Step 2 of 8: Open an existing email template or click the + New button to create one. What this shows Shows where to go for step 2 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". This screenshot accompanies step 2 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". At this point in the walkthrough you open an existing email template or click the + New button to create one. The next step is to in the Email Builder, click the Add Elements (+) icon in the left sidebar. Step 2 of 8Image 2 of 5 Where to goOpen an existing email template or click the + New button to create one.
    Buttons and menus referenced + NewMarketing → Emails → TemplatesEmail BuilderAdd Elements (+)Logo ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing email template or click the + New button to create one. this image
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Logo Element under the Elements section.
    5. Drag and drop the Logo Element to the desired position, usually at the top of your layout.
    6. Click on the Logo Element to open the Edit tab on the left panel. Here you can:
    7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed.
    8. Preview your email on both desktop and mobile to ensure the logo displays perfectly.

  3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.

    Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left… What this shows Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left sidebar. What this shows Shows where to go for step 3 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". This screenshot accompanies step 3 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". At this point in the walkthrough you in the Email Builder, click the Add Elements (+) icon in the left sidebar. The next step is to locate the Logo Element under the Elements section. Step 3 of 8Image 3 of 5 Where to goIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    Buttons and menus referenced Email BuilderAdd Elements (+)Marketing → Emails → Templates+ NewLogo ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepLocate the Logo Element under the Elements section.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing email template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar. this image
    4. Locate the Logo Element under the Elements section.
    5. Drag and drop the Logo Element to the desired position, usually at the top of your layout.
    6. Click on the Logo Element to open the Edit tab on the left panel. Here you can:
    7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed.
    8. Preview your email on both desktop and mobile to ensure the logo displays perfectly.

  4. Locate the Logo Element under the Elements section.

  5. Drag and drop the Logo Element to the desired position, usually at the top of your layout.

  6. Click on the Logo Element to open the Edit tab on the left panel. Here you can:

    • Upload a Logo: Select an image from your device.

    • Use an Image URL: Paste a direct link to a hosted logo image.

    • Adjust Size: Set custom width and height for proper scaling.

    • Set Alignment: Align the logo to the left, center, or right of the email layout.

    • Add a Link: Link your logo to your website or any relevant page.

    • Control Padding: Add spacing around the logo for a balanced layout.

      Step 6 of 6: Control Padding: Add spacing around the logo for a balanced layout What this shows Step 6 of 6: Control Padding: Add spacing around the logo for a balanced layout. What this shows Shows what this covers for step 6 of 6 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". This screenshot accompanies step 6 of 6 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". At this point in the walkthrough you control Padding: Add spacing around the logo for a balanced layout. Step 6 of 6Image 4 of 5 What this coversControl Padding: Add spacing around the logo for a balanced layout.
      Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Logo ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
      All 6 steps in this procedure
      1. Upload a Logo: Select an image from your device.
      2. Use an Image URL: Paste a direct link to a hosted logo image.
      3. Adjust Size: Set custom width and height for proper scaling.
      4. Set Alignment: Align the logo to the left, center, or right of the email layout.
      5. Add a Link: Link your logo to your website or any relevant page.
      6. Control Padding: Add spacing around the logo for a balanced layout. this image

  7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed.

    Step 7 of 8: Click the Visibility tab to configure Device-Based Visibility or… What this shows Step 7 of 8: Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed. What this shows Shows what to click for step 7 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". This screenshot accompanies step 7 of 8 in the "How To Setup the Logo Element" section of "Logo Element in Email Builder". At this point in the walkthrough you click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed. The next step is to preview your email on both desktop and mobile to ensure the logo displays perfectly. Step 7 of 8Image 5 of 5 What to clickClick the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed.
    Buttons and menus referenced VisibilityDevice-Based VisibilityConditional SendingMarketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Logo ElementElementsEditdesktopmobile
    Next stepPreview your email on both desktop and mobile to ensure the logo displays perfectly.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing email template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Logo Element under the Elements section.
    5. Drag and drop the Logo Element to the desired position, usually at the top of your layout.
    6. Click on the Logo Element to open the Edit tab on the left panel. Here you can:
    7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending settings if needed. this image
    8. Preview your email on both desktop and mobile to ensure the logo displays perfectly.

  8. Preview your email on both desktop and mobile to ensure the logo displays perfectly.

Frequently Asked Questions

Q: What file types are supported for logos?

You can use PNG, JPG, or GIF files. PNG is recommended for transparent backgrounds.

Q: Can I link the logo to my website?

Yes, you can add a hyperlink in the settings to make your logo clickable.

Q: Will my logo automatically resize for mobile?

Yes, the Logo Element is responsive and automatically adjusts to fit smaller screens.

Frequently asked questions

What is the Logo Element in Email Builder?
The Logo Element is a drag-and-drop block that lets you add your company or brand logo to an email layout. It helps create instant brand recognition and sets a professional tone for your message. You can upload a logo image directly or use a hosted image link. The element includes customisation options such as resizing, alignment, and linking, allowing you to control how your logo appears within the design. Note: For best results, use a transparent PNG or high-quality JPG file.

Was this guide helpful?

Related guides

@Mention or Tag Profile in Posts from Social Planner2 min read · 4 imagesAdd Location Tagging to Social Post1 min read · 9 imagesAdd Pinterest Pins in Social Planner4 min read · 8 imagesSocial Planner - How to Add Multiple Watermarks4 min read · 8 images