---
schema_version: "1"
id: 6ce55b5f4e4ccacb1f222227d6e75974660d3cab7c26ad4439f53232ef19b598
title: Add Site.com Page Elements
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_objects_add.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_objects_add.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 5a724f1c42848884603a3a22de5f1c0c532f60e8aaa3e8c770764d75c947707b
description: 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.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Add Site.com Page Elements

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.

### 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="d140452e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d140452e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d140452e74 ">
              <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>

If a site page or page template is based on another [page template](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_master.htm&release=264.0.0&type=5 "Before you begin building the pages of your website, take some time to plan the pages you need, and in particular, which pages have a similar layout. When you've decided on the layout, the quickest method is to use a page template to build the basic layout."), you can only add page elements to [editable panels](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_master_editable.htm&release=264.0.0&type=5 "As the template creator, you specify which elements users can edit in pages based on the template."), which are highlighted with a blue border on the page.

Pages, panels, data repeaters, and forms are “container” page elements, so you can add other page elements to them when the page is open.

- In the Page Elements pane (![Page Elements](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_pageitems.png)), either:
    - Drag the page element onto the page canvas or container page element.
    - Click the page element, select where to place it in the popup that appears, and click **Apply**.
- In the Page Structure pane (![Page Structure](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_domtree.png)), hover over a container page element and click **![Actions](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_actions.png)** | **Add Page Elements**. Click the item you want to add or drag it onto the container page element.
- Select a container page element on the page and click **![Actions](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_actions.png)** | **Add Page Elements**. Click the item you want to add or drag it into the container page element.

When you drag a page element into an editable panel, the page element displays a permitted icon and a green border shows where you're placing the element.

![Permitted icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_drag_ok.png)

If you try dragging a page element into a panel that isn't editable, the page element displays a not-permitted icon.

![Not permitted icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_drag_notok.png)

#### See Also

- [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.")
- [Add Images Directly to the Page](https://help.salesforce.com/s/articleView?id=platform.siteforce_image.htm&release=264.0.0&type=5 "As a site administrator, you can add images directly to your site pages and page templates or you can add images to content blocks.")
- [Add Content Blocks to Pages](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_add.htm&release=264.0.0&type=5 "Content blocks contain the text of your website pages, and can also house images, videos, and hyperlinks. Designers and site administrators can add content blocks to pages when in Design Mode.")
- [Add Custom Code to Pages](https://help.salesforce.com/s/articleView?id=platform.siteforce_code_custom.htm&release=264.0.0&type=5 "Custom code lets you customize your site using markup, such as HTML and JavaScript.")
- [Add a Navigation Menu](https://help.salesforce.com/s/articleView?id=platform.siteforce_menu_add.htm&release=264.0.0&type=5 "By default, when you create a menu, it's generated from the pages and site map links in the Site Map folder in the Site Pages view. However, you can also create a menu that's generated from the pages in the Landing Pages folder or from the child or sibling pages of a site page.")