Skip to content
  • There are no suggestions because the search field is empty.

Customizing service and product pages

Learn more about how to customize service and product page sections in your B12 editor.

Written by: Madeline B.

Last updated: 14 Oct., 2025

Service and product pages are automatically created when you add a service or product to your site. These automatically created pages are called template pages, and they utilize unique formatting and style constraints. 

What is a template page?

A template page is an auto-generated page that has set sections. When you edit a section within a template page, those changes will be reflected on every page using that template. Service and product pages utilize a template style page.

Editing your service or product pages

1. In the left sidebar, go to website Website > pages Pages.

2. From the list of pages, select the service or product you want to edit.

Note: If you can't find the service page you're looking for, click Show more.

Screenshot 2024-10-24 at 2.15.15 PM

3. Scroll to Template, then click Edit.


4. A preview of your Service page template will appear. To customize its appearance, edit the individual sections—such as the Service Hero Template or Service Template sections.

Optional: You can add additional default sections just like you would on any other page.

For example, you may want your Service pages to have a Newsletter sign-up or call-to-action at the bottom of the page. See these instructions to add a new section.

Creating new templates

To access your template(s), click on any of the services or products in your section.

1. Click Replace.
2. Select Add new template.

3. Click the pencil icon Edit section beside the new service or product template.

By default, the page name will appear as Service template 2 or Product template 2.

4. From here, you’ll see the template sections. You can add a new section, rearrange, or hide existing ones.

Click the gear icon gear or cogwheel to rename, duplicate, delete, or set the template as the default.

Click Add section to add new sections to your template. Use the drag handle icon to rearrange sections, or click the eye hide eye icon  icon to hide or show them.

Click any section to edit your template as desired. Settings are organized into Content, Appearance, and Additional settings.

5. When you’re finished customizing the new template, click ⬅ Back in the upper-left corner of the sidebar, then select your new template. Click Save to apply it to the section.