---
schema_version: "1"
id: 31d883965a51aab87d9cc9137a5dfd3d36b50863ec98299c108004b732e921b0
title: Edit Site.com Pages as a Designer or Site Administrator
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_page_edit.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_page_edit.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 4402b594448b0e478a315db7001cbc5aed052650f0b67456a58a16e12efdd8f7
description: When working with page templates and site pages, you can add content, structure, and style, all in one place.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Edit Site.com Pages as a Designer or Site Administrator

When working with page templates and site pages, you can add content, structure, and style, all in one place.

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

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

Open a page or template on the Overview tab by double-clicking it or hovering over it and clicking **![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)** | **Edit**. The page opens as a new tab.

![The publisher's page view, numbered 1-4](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_overview.png)

- Using the ![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)Page Elements and ![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)Page Structure panes (1), you can search for and [add 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.") to a page, and [reorder the page element hierarchy](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.").
- Using the ![Properties](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_properties.png)Properties, ![Style](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_css.png)Style, and ![Events](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_events.png)Events panes (2), you can set properties, [add style](https://help.salesforce.com/s/articleView?id=platform.siteforce_style_tab_using.htm&release=264.0.0&type=5 "The Style pane is a visual CSS editor that lets you modify style properties, such as the background color, font size, and border style, as you work with pages and page elements. If you're using CSS classes or IDs to style your pages, you can modify or create style items directly from the Style pane, rather than opening the style sheet."), and [create events](https://help.salesforce.com/s/articleView?id=platform.siteforce_events_create.htm&release=264.0.0&type=5 "Use events to add interactive and animated effects to the pages and page elements of your website.") for a selected page or element.
- Using the toolbar (3), you can:
    - Undo and redo your actions.
    - Cut, copy, or paste page elements.
    - [Import assets](https://help.salesforce.com/s/articleView?id=platform.siteforce_assets_import.htm&release=264.0.0&type=5 "Contributors, publishers, and site administrators can import a variety of assets, such as images, HTML pages, and PDFs, to use in a website. You can import assets and files individually, or use a zipped file. When importing entire websites or large numbers of assets, it’s easier to create a zipped file of the content with the desired folder structure. When importing the zipped file for a website, Site.com recreates your website and places everything in the same folder structure."), such as images and files.
    - [Preview pages to see how they'll appear when live](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_livemode.htm&release=264.0.0&type=5 "With live mode, site administrators, designers, and contributors can preview how pages and templates appear on devices such as mobile phones and tablets.") on different devices.
    - [Preview your site](https://help.salesforce.com/s/articleView?id=platform.siteforce_preview.htm&release=264.0.0&type=5 "Contributors, designers, and site administrators can preview site pages to see how they look when rendered in a browser window. It's always a good idea to make sure your changes are displayed correctly, as this preview is how the pages appear on the live site.") or generate an anonymous preview link to send to other users.
    - [Publish your recent changes](https://help.salesforce.com/s/articleView?id=platform.siteforce_publish.htm&release=264.0.0&type=5 "When you publish a site in Site.com, you make its pages and assets live on the Internet so site visitors can access them.").
    - [Access other page actions](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_working_with.htm&release=264.0.0&type=5 "When working with pages and templates, you can perform common tasks, such as renaming, deleting, or duplicating pages.") (![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_actions.png)), such as renaming or deleting the page.
- On the page canvas (4), you can [lay out the page](https://help.salesforce.com/s/articleView?id=platform.siteforce_panel_add.htm&release=264.0.0&type=5 "A panel is a useful layout tool that defines the logical divisions of your page and lets you group page elements together for easy movement and positioning. Think of it as a container for other page elements, including other panels, or as a div that wraps around the content placed within it. Panels are ideal for adding editable areas to page templates.") and [select, edit, and move 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.").

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

Tip

- Hide the side panes to increase the canvas size by clicking ![Hide left panes](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_collapse_left.png) and ![Hide right panes](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_collapse_right.png). To reopen a pane, click its icon.
- As you edit a page, your changes are saved and the status icon (![Saved](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_saved.png)) on the page tab is updated automatically.
- If the site page or page template is based on another template, editable page elements are highlighted with a blue border on the page.

- **[Site.com Page Templates Overview](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.
- **[Create Site.com Page Templates](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_master_create.htm&release=264.0.0&type=5)**  
    A page template lets you define the layout and functionality of site pages in one location. By adding common page elements to the template and then basing site pages on it, you can achieve a consistent look and feel throughout your site. And because a template-based page inherits the template's elements, you can make site-wide changes from one location.
- **[Create Editable Template Areas](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.
- **[About Editable Page Elements](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_about_editable_elements.htm&release=264.0.0&type=5)**  
    When you mark a page element as Editable on a page template, that page element becomes editable in any child pages or templates derived from the parent template.
- **[Create Site.com Pages](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_create.htm&release=264.0.0&type=5)**  
    As a site administrator or designer, when you create a site page, you can choose to base it on a layout or page template.
- **[Identify Which Template a Site.com Page Uses](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_master_identify.htm&release=264.0.0&type=5)**  
    When you edit a template-based page, you can't modify its non-editable page elements. You also can't reposition, resize, or delete editable page elements, or alter the events, properties, or style associated with them. To update these elements or properties, you must edit them in the template the page is based on.
- **[Rename, Duplicate, and Convert Pages](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_working_with.htm&release=264.0.0&type=5)**  
    When working with pages and templates, you can perform common tasks, such as renaming, deleting, or duplicating pages.
- **[Changing a Page's Doctype Property](https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_doctype.htm&release=264.0.0&type=5)**  
    The Document Type Definition (DTD) or doctype of a page defines which version of HTML it's using. This information is used by some browsers to trigger a standard rendering mode. By default, each page's doctype is set to HTML5, which is the latest version, but you can change it to XHTML 1.0.

#### See Also

- [Using Site.com Studio as a Site Administrator or Designer](https://help.salesforce.com/s/articleView?id=platform.siteforce_overview_studio.htm&release=264.0.0&type=5 "Site.com Studio provides a dedicated site-building environment for site administrators and designers.")