---
title: Editing email design with B12 Email Marketing
description: Customize sections and style
---

[Skip to content](https://support.b12.io/en/editing-email-design-with-b12-email-marketing#main-content)

[![2026 B12 company logo.](https://support.b12.io/hubfs/B12_logo.svg)](https://support.b12.io/en?hsLang=en)

- [B12 Website](https://www.b12.io/)
- Products
  
  Show submenu for Products

    - [AI Builder](https://www.b12.io/ai-website-builder)
- [Templates](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center)
- [Pricing](https://www.b12.io/pricing)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [B12 Website](https://www.b12.io/)
- Products
  
  Show submenu for Products

    - [AI Builder](https://www.b12.io/ai-website-builder)
- [Templates](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center)
- [Pricing](https://www.b12.io/pricing)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en)
3. [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)

# Editing email design with B12 Email Marketing

## Learn how to customize your email’s design to match your website’s look and feel.

| ![katelyn circular\_cropped\_image](https://support.b12.io/hs-fs/hubfs/katelyn%20circular_cropped_image.png?width=60&height=60&name=katelyn%20circular_cropped_image.png) Written by: Katelyn Gray Last updated: 16 Oct., 2026 |  | This feature requires at least one [Client Engagement seat](https://support.b12.io/en/client-engagement-and-seats?hsLang=en). View available plans and pricing [here](https://www.b12.io/pricing). |
| --- | --- | --- |

An advantage of sending your emails using B12 Email Marketing is that emails reflect the look and feel of your website, which legitimizes your business and keeps everything cohesive. These parts of your website's design carry over to your email templates:

- Fonts (styles, weights, & sizes)
- Buttons (style, border, border radius, & color)
- Text transforms (e.g., all caps)
- Link colors
- Colors

### Editing email design

1\. Once you've [created and chosen an email template](https://support.b12.io/en/articles/3575188-composing-and-sending-automated-emails-with-b12-email-marketing?hsLang=en), click `Customize`.

2\. Under **Sections**, you can edit the Header, Card 1, and Footer. 

![Sections panel listing Header, Card 1, and Footer, with the Add section button](https://support.b12.io/hs-fs/hubfs/image-png-Nov-13-2025-05-04-45-6238-PM.png?width=250&height=183&name=image-png-Nov-13-2025-05-04-45-6238-PM.png)

- **Header:** Add or edit your brand logo, brand name, and email title.
- **Card 1:** Add or edit the image, heading, body text, and call-to-action link.
- **Footer:** Add or edit footer text and your social media links.

3\. *(Optional)* Click `Add section` to include additional cards. To remove one, scroll to the bottom of that card’s settings and click `Delete section`.

![Card settings with an arrow pointing to the Delete section link](https://support.b12.io/hs-fs/hubfs/image-png-Nov-13-2025-04-57-59-2569-PM.png?width=250&height=494&name=image-png-Nov-13-2025-04-57-59-2569-PM.png)

4\. Under **Style**, you can further customize the appearance of each section, including logo placement, fonts, colors, and buttons.

![Style panel with font and color settings for the email cards](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio117623775c6b8967a70a7dbde87490011M97qaWjxeD4yZS2-0R3VHH4Hg1G1IpUe851J4obtWZX1q66tJxw-i_mECpDc0T22jpzO4guU0CGqAvT361Fp.png?width=250&height=413&name=downloads.intercomcdn.comio117623775c6b8967a70a7dbde87490011M97qaWjxeD4yZS2-0R3VHH4Hg1G1IpUe851J4obtWZX1q66tJxw-i_mECpDc0T22jpzO4guU0CGqAvT361Fp.png)

#### Why can't I edit the font family for my emails?

Email providers only support standard system fonts that are universally available. If your website uses a custom font not supported by major email clients, B12 automatically replaces it with a common fallback font to ensure your email displays correctly for all recipients.

**Tip:** Use the **Style** section to adjust font size, color, and weight to match your brand’s appearance closely.

For more customization options, read [this article](https://support.b12.io/en/articles/2934531-email-customization-fields-in-b12-email-marketing?hsLang=en) to learn how to adjust your sender address, subject line, preview text, and more.

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
    - [Multimedia Integrations](https://support.b12.io/en/adding-functionality?hsLang=en#multimedia-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×