Learn more about how to customize template page sections in your B12 editor.
Written by: Madeline Buchanan Last updated: 1 Nov. 2024 |
When you add a new Service or Product to a section, B12 automatically creates a unique page for your service or product. You customize your page templates by following these instructions.
Customizing Your Service or Product Pages
We use templates for your Service and Product pages to keep them consistent. When you use a template, any Service with that specific template selected will have the same layout and can include additional images, text, or sections.
In short, a template is a specific layout you can choose to apply to multiple pages (or just one, if you’d like).
How to view and edit your template(s)
1. To access your template(s), click on any Service from your list of Pages or your Services section.
2. At the very bottom, click ✏️Edit templates and select the template you wish to edit.
3. You will see a preview of what your Service page looks like with this template. To customize the appearance for this template, edit the individual sections, such as the Service Hero Template or Service Template section.
4. (Optional) You can also add new default sections, similar to any page on your site.
-
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.
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.
Mapping content on your template’s sections
You also have the option to decide what text or photos accompany the template. We call this mapping; when you map a field of the website editor, such as the Title, you’re telling it what content to display. For example, you can map the Title to show the title of your service, or you can set the Title to always display the same title, no matter the service.
-
To map content to a section of your template, click Manage beside the field you want to map, then select Map content to attribute. You can then select which field you want this area to display automatically, such as Service Title or Service Subtitle. Mapped content will display different content on each page relating to the specific service.
-
To unmap content, select Set content directly. Unmapped content will display the same static content on all pages using your template regardless of the service.
Creating new templates
To access your template(s), click on any of your services in your Services section.
-
Click the dropdown above Edit templates and select Create new template.
-
Edit the template accordingly based on how you want this template to show off your Services. The section How to view and edit your template(s) above describes this further.
Edit the template accordingly based on how you want this template to show off your Services. The section How to view and edit your template(s) above describes this further.
Renaming, Duplicating, and Setting a Default Template
We recommend editing the template name so you can keep track of which template has which preset sections and features. Click the gear icon ⚙ to access this feature, as well as Duplicate, Delete, or Set as default. Note: You cannot delete your Default template until you set another template as default.
FAQ:
How do I know what template a Service or Product page is using?
-
Find the Service you want to check, and whichever template shows before you click the dropdown menu is the template applied to the service. If you’d like to change which template is being applied, click the dropdown and select the alternate template.
How can I find a list of all Services or Products using a specific template?
-
Access any Service or Product and click Edit templates. Then, click the dropdown under Preview service to see which ones are using this template.