---
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)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](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

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](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: 14 Nov., 2025 |  | 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 aspects of your website that are reflected in 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. 

![](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`.

![](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.

![](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)
- [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>

×