> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Export HTML Content Blocks (ZIP)

> Split your template's top-level sections into standalone HTML files, delivered as a ZIP, for reuse as content blocks in any editor

Most exports produce one complete HTML email. **HTML Content Blocks (ZIP)** is different: it splits your template into its top-level sections and exports each one as its own standalone, fully-styled HTML file, delivered together in a ZIP.

This is useful when you want reusable building blocks instead of a finished email, for example:

* Pasting individual sections (header, hero, product grid, footer) into an ESP's block or snippet library
* Maintaining a library of approved, on-brand sections your team can mix and match
* Handing a CMS or internal tool one section at a time

## How Blocks Are Split

Each **visible top-level layer** inside your email frame becomes one HTML file, and each file is named after that layer. So if your frame contains layers named `Header`, `Hero`, `Product Grid`, and `Footer`, the ZIP contains four HTML files with those names.

<Tip>
  Name your top-level layers clearly in Figma before exporting. The layer names become the file names in the ZIP.
</Tip>

Every block is standalone: each file carries its own styles, so a block renders correctly on its own without needing the rest of the email.

## How to Export Content Blocks

<Steps>
  <Step title="Select your email frame">
    Select your email frame in Figma.
  </Step>

  <Step title="Open the export panel">
    Launch the Email Love plugin and click the blue **Export** button.
  </Step>

  <Step title="Pick HTML Content Blocks (ZIP)">
    From the dropdown menu, select **HTML Content Blocks (ZIP)**.
  </Step>

  <Step title="Choose your image handling">
    Choose your image handling, just like a plain HTML export: local image files, or hosted images with CDN URLs embedded in the code (see [Image Hosting](/plugin/images/hosting)).
  </Step>

  <Step title="Export">
    Click **Export Content Blocks**. A ZIP downloads containing one HTML file per top-level section.
  </Step>
</Steps>

## Notes

* **Copy code is unaffected.** The copy-to-clipboard flow always copies the full email HTML. Content blocks apply to the download export only.
* **Blocks reflect the current design.** Re-export after design changes to regenerate the files. Old ZIPs are not updated automatically.

If you have questions or run into issues, reach out to [support@emaillove.com](mailto:support@emaillove.com).