---
title: Create a custom template
slug: configured-commerce/sdk/creating-and-using-a-custom-template
docTags: 
createdAt: 2026-08-05T19:24:04.111Z
---

1. Create a new MVC view inside of the **Views** > **Content** > **Template Page** folder.
2. Use the **InSite.Content.Items.Pages.TemplatePage** class as the model.
3. Design the HTML markup and add any relevant zones:

```html
@model InSite.Content.Items.Pages.TemplatePage
<div class="row main-row cms-rearrangeable">
  <div class="medium-12 large-12 columns">
    <div class="row">
      <div class="medium-12 large-12 columns">
        <div class="cm">
          @Html.Zone(Model, "Top")
        </div>
      </div>
    </div>
    <hr />
    <div class="row">
      <div class="medium-12 large-12 columns">
        <div class="cm">
          @Html.Zone(Model, "Bottom")
        </div>
     </div>
  </div>
</div>
```

4. Start debugging the application, go to the commerce site and log in with credentials that support content management
5. Expand the CMS and add a new template
6. Within the **Add Template** action panel, note the newly created template in the **Template** drop down list picked up by the CMS. Choose the new template created in the list.
7. On Step 2 of the **Add Template** action panel, name the template and select the **Allowed Page Type**. Selecting **Allowed Page Type** will dictate which pages will show the custom template as an option when adding a new page under **Item Type**.
8. Add the relevant widgets for the custom template. The **Template Zone** widget will allow the template page to support additional widgets per template use.
9. Save the changes and add a new page. The **Item Type** is directly related to the **Allowed Page Type** defined when creating a custom template. It is common to choose **Content Page**.
10. The new page has the custom template predefined layout. If the **Template Zone** widget was used, additional widgets can be added to the page.