Logo Element in Email Builder

Updated 3 min read

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.

  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:

    • 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.

  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.


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.

Was this article helpful?

Related articles