> For the complete documentation index, see [llms.txt](https://support.emarketeer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.emarketeer.com/guides/guides/email-content/missing-image-block.md).

# Missing Image Block in Email Component

{% hint style="warning" %}
Fixing this issue requires Developer permission on your user account.
{% endhint %}

If a red-x box or a blue question-mark box appears in your sent emails when viewed in Outlook, a missing image block is probably hiding in the email component or template.

<div align="left" data-with-frame="true"><img src="/files/nwSCkreFs9KWzm5pjnKm" alt="Red-x box appearing in Outlook on Windows where an image should render"></div>

Outlook (Windows)

<div align="left" data-with-frame="true"><img src="/files/UcIWqACQSzeUku6PENU0" alt="Blue question-mark box appearing in Outlook on Mac where an image should render"></div>

Outlook (Mac)

This happens when the underlying image was removed from your account or moved to a different folder, creating a new file path. Either action invalidates the image link in any email components that use it, and most email clients respond by hiding the block.

<div align="left" data-with-frame="true"><img src="/files/LCD4lGMTvwWj4De4usce" alt="Email content with the image visible before the path is broken"></div>

Before the image path is broken.

<div align="left" data-with-frame="true"><img src="/files/nv2UrL7XWORIVjzuogQi" alt="Email content with the image block hidden after the path is broken"></div>

After the image block is broken and hidden.

## How to fix it

An eMarketeer user with developer permission can remove or fix the block from the component by entering developer mode.

<div align="left" data-with-frame="true"><img src="/files/bf69KVjNACCtPQMLuxaa" alt="User account showing the developer permission enabled"></div>

Account user with developer permission.

1. Open the editor for the template or component.
2. Enter developer mode.

   <div align="left" data-with-frame="true"><img src="/files/IT8EdY8mVMg68nOqAOBc" alt="Enable Developer Mode button in the editor toolbar"></div>

   The Enable Developer Mode button.
3. Check the names of all visible image blocks by selecting each and opening the settings tab.

   <div align="left" data-with-frame="true"><img src="/files/OsHQkT6TH8dStyjRp6MG" alt="Settings tab showing the name of a selected image block"></div>

   Checking the name of a visible image block.
4. Enter Tree View.

   <div align="left" data-with-frame="true"><img src="/files/cTtuMPJ8Z5z2fw2Mxkwk" alt="Tree View button in the developer mode toolbar"></div>

   The Tree View button.
5. Locate all Image Full Width blocks in the list and match their container names with the visible ones until you find one that doesn't match. In this example, *container1 (1 Column: Image Full Width)* does not match a visible image block.

   <div align="left" data-with-frame="true"><img src="/files/MixAfwori5yCa86FOlpt" alt="Tree View listing Image Full Width container blocks"></div>

   Image Full Width blocks in Tree View.
6. Select the Image part of the block and change the image URL by clicking the Choose Image button, then pick a new image file in the file selection window.

   <div align="left" data-with-frame="true"><img src="/files/tDDVPmYArgGNnUAa9ltv" alt="Image block selected in Tree View with the image URL field highlighted"></div>

   Locating the image URL.

   <div align="left" data-with-frame="true"><img src="/files/5FxHb5uJdTb5A54nqMU8" alt="File selection popup with a new image selected"></div>

   Selecting a new image file.
7. Save the change, then return to Page View to continue editing the component.

   <div align="left" data-with-frame="true"><img src="/files/2Gvxdp8nojMfViIpccYE" alt="Save button highlighted in the editor toolbar"></div>

   The Save button.

   <div align="left" data-with-frame="true"><img src="/files/NU2OY1gsOkUG6B9P4jrZ" alt="Email component editor now displaying the restored image"></div>

   The result after following this guide.

## How to edit a template

1. Click Add E-Mail from a campaign page to show your templates.
2. Click More Actions on the template you want to edit.
3. Click Edit Template in the dropdown menu.
4. The template opens in the component editor. Any change saved here updates the template.

<div align="left" data-with-frame="true"><img src="/files/tRDwbyuUOPMTtEDkI8at" alt="Sequence showing Add E-Mail, More Actions, then Edit Template"></div>

Visual guide to editing a template.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.emarketeer.com/guides/guides/email-content/missing-image-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.