---
schema_version: "1"
id: 47260580939b4df4570b814ab0589906ccd710b16731fe8305899b2dadef7c01
title: Add Images to Email Templates in Salesforce Classic
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/sales/264-0-0/email_template_images.md
canonical_url: https://help.salesforce.com/s/articleView?id=sales.email_template_images.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9a17df8751b35b46225dd41d7c93e07bd54a8abaecf329af6a3f10340e1a9680
description: You can include images, such as logos, in your custom HTML and Visualforce email templates. Salesforce allows you to use style tags to add external or internal images to an email.
products:
  - Sales Cloud
  - Cross Cloud
  - Service Cloud Voice
release: "264"
---
# Add Images to Email Templates in Salesforce Classic

You can include images, such as logos, in your custom HTML and Visualforce email templates. Salesforce allows you to use style tags to add external or internal images to an email.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic </td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>All</strong> Editions, except <strong>Personal</strong></td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p style="margin-bottom:0;">HTML and Visualforce email templates not available in:
                <strong>Personal</strong> Edition
              </p>
            </td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Visualforce Classic email templates can’t be used in Lightning
              Experience</td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d177396e84">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">To create or change HTML email templates:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">Edit HTML Templates</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">To create or change Visualforce email templates:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">To create or change public email template folders:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d177396e84 ">Manage Public Classic Email Templates</td>

          </tr>
        </tbody>
      </table>

When creating custom HTML or Visualforce templates, use an `<img>` tag to reference the image. We recommend uploading the images to the Documents tab and referencing the copy of the image on the Salesforce server.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-sales_productivity-264-0-0-production-enus/b2f6c36a-fa61-4a3c-9752-032ce1818a69/images/icon_note.png)

Note For HTML (using Classic Letterhead) email templates, logos or images come from the [letterhead](https://help.salesforce.com/s/articleView?id=sales.creating_letterheads.htm&release=264.0.0&type=5 "Create Classic letterheads as the basis for a consistent look for your HTML email templates. Make letterheads available organization-wide so other users can use them in their email templates.") you choose when creating the email template.

1. Add an image to the Documents tab.
2. On the Documents home page, open the image by clicking its name.
3. Right-click the image and get its reusable URL address. When you use the URL, you reference the copy of the image on the Salesforce server.
4. Open your custom HTML or Visualforce template.
5. Place the HTML tag `<img>`, using the image’s URL address, where you want to insert the image in the email template.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-sales_productivity-264-0-0-production-enus/b2f6c36a-fa61-4a3c-9752-032ce1818a69/images/icon_note.png)

Note You can also use the URL of an external website, such as `<img src="http://www.401khelpcenter.com/syndicate/img/AF-Logo_Brown_Small.gif" alt="Logo"/>`. However, if an image is stored in your org, you have more control over it.

Use the `style` attribute in HTML to add internal and external images to email templates whose HTML elements can be edited.

![Custom (without Using Classic Letterhead) Email Template](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-sales_productivity-264-0-0-production-enus/b2f6c36a-fa61-4a3c-9752-032ce1818a69/images/icon_example.png)

Custom (without Using Classic Letterhead) Email Template

Custom (without using Classic Letterhead)

`<img src="https://yourInstance.salesforce.com/servlet/servlet.ImageServer? id=015D0000000Dpwc&oid=00DD0000000FHaG&lastMod=1270576568000"/>`

`<apex:image id="Logo" value="https://yourInstance.salesforce.com/servlet/servlet.ImageServer? id=015D0000000Dpwc&oid=00DD0000000FHaG&lastMod=127057656800" />`

This example adds an image as the background on an HTML element.

```html
<td style="height:33; background-image:url('https://yourInstance.salesforce.com/
/servlet/servlet.ImageServer?id=015D0000000Dpwc&oid=00DD0000000FHaG&lastMod=1270576568000">
```

#### See Also

- [Create Classic Letterheads for Email Templates](https://help.salesforce.com/s/articleView?id=sales.creating_letterheads.htm&release=264.0.0&type=5 "Create Classic letterheads as the basis for a consistent look for your HTML email templates. Make letterheads available organization-wide so other users can use them in their email templates.")