---
schema_version: "1"
id: 9e5e59bfc8a2b8f9f2ba74bbca3fc9abe18ef995a9e0256d784fa7458d32d5f7
title: Add Images Directly to the Page
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_image.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_image.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f1a738da857221d4c7577ac7883684e577c596f938685de6fda89303d83a9088
description: As a site administrator, you can add images directly to your site pages and page templates or you can add images to content blocks.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Add Images Directly to the Page

As a site administrator, you can add images directly to your site pages and page templates or you can add images to content blocks.

### 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;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </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="d18340e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d18340e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d18340e74 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned at the site level</p>
            </td>

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

To add an image directly to the page:

1. Open the site page or page template.
2. Drag an **Image** from the Page Elements pane onto the page.
3. In the Add an Image dialog box, either:
    - Find an existing image by typing its name in the Search Image text box and selecting it from the list.
    - Upload an image from your computer in the Upload tab by browsing to the image, clicking **Upload**, and selecting it from the list.
4. Click **Apply**. The image is added to the page.
5. Enter a brief description of the image in the Alternative Text field in the Properties pane. If the browser can't display the image, the description is used by screen reader users or as a substitute. A description can also help with search engine optimization (SEO).

#### See Also

- [Add Site.com Page Elements](https://help.salesforce.com/s/articleView?id=platform.siteforce_objects_add.htm&release=264.0.0&type=5 "Page elements are the building blocks of your site pages and page templates. Panel elements add structure to your pages. You can think of both pages and panels as “containers” for the page elements that you add to them.")
- [Edit and Work with Site.com Page Elements](https://help.salesforce.com/s/articleView?id=platform.siteforce_objects_working_with.htm&release=264.0.0&type=5 "The Page Structure pane displays the hierarchy of all elements on the page and is a very useful way of selecting, moving, and reordering elements, particularly for more complicated page designs.")