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

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.

### 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>

## About Page Templates

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. Page templates don't appear on your public site.

As the template creator, you specify which elements users can edit in pages based on the template. By default, a page element in a template is “locked,” so users can't edit its contents in any template-based page unless you mark the page element as “editable.” Conversely, when users edit an editable page element in a template-based page, their changes are specific to that page and don't affect your template.

For example, this main page template contains a non-editable header and navigation menu that are common to all the pages in the site (1). The main template also has an editable center panel (2) to house the page-specific content of each page that's based on it.

![Sample page template, numbered 1 to 2](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_template_nested.png)

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

Note

- Page templates must contain at least one editable page element. Otherwise, users can't edit site pages that are based on the template.
- [Panels](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.") are ideal for adding editable areas to page templates.

You can use page templates to:

- Save time and effort by laying out the page structure and using it as a starting point when you create site pages. For example, you could design a template with a fixed header panel and side menu, and an editable center panel, to which you add page-specific page elements and content.
- Quickly make global updates to the layout or style of your website, as any changes you make to the template's design are reflected immediately in all the pages that use it.
- Control how other users (such as contributors or other site administrators and designers) can modify site pages. For example, you can allow contributors to edit specific content blocks only.
- Ensure your template design remains pixel-perfect. When users edit a page that's based on a template, their changes don't affect your template.
- Reuse common design elements by creating child templates.
- Allow contributors to create site pages that are based on the template.

## About Child Templates

Child templates are a useful way to reuse common design elements for more complicated page layouts. For example, your website probably has elements that are the same on every page in your site, such as a navigation menu. However, several pages can have elements that are common only to them, such as pages in a subsection of your site that include a subsection header. By using a child template, which is a template that's based on another template, you can reuse the main template design.

Using our main page template as a base, the child template inherits the non-editable header and navigation menu (1), and an editable center panel (2) where we add the non-editable subsection header (3). We must also add a new editable center panel (4) because the center panel of the main template is editable only in pages directly based on the main template.

![Sample child template, numbered 1 to 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_template_nested2.png)

Now, any page based on the child template includes the non-editable main header, navigation menu, and subsection header, and an editable center panel (5) for that page's content.

![Sample page, numbered 5](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_template_nested3.png)

## Best Practices

- Plan your site structure and the layout of your pages. Taking the time to plan your website first saves time when you build your site.
- Identify which elements are common to all the pages of your site, such as navigation menus or headers, as these elements can be added to the page template.
- Use page templates wherever possible to promote content reuse and save time.
- Try to keep the design of your main page template as simple as possible to make it easier to modify in the future. For more complicated site designs, use [child templates](https://help.salesforce.com/s/articleView?id=platform.siteforce_page_master.htm&release=264.0.0&type=5) to achieve maximum flexibility.

#### See Also

- [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 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.")
- [Set Up the Contributor’s Studio View](https://help.salesforce.com/s/articleView?id=platform.siteforce_contrib_view.htm&release=264.0.0&type=5 "Control what your contributors can do in Site.com Studio.")
- [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.")