Our Page Templates make article creation easier than ever!
Page editors can choose from a bank of pre-built Workvivo templates, custom templates unique to your organisation, or opt to create their page from scratch.
Through our new Page builder experience, we provide a number of default templates for common use cases that we see across our customers. These templates can be leveraged when creating a new Page or a HTML Page type.
You can also continue to build your own custom templates to encourage consistency in the pages published across the platform. Default Templates include:
| Page Type | Template | Use Case Example |
|---|---|---|
| New Page | New Release | Internal announcements about product updates, new features, or service launches. |
| About Us | Give visitors a clear understanding of the company’s identity, mission, and values. | |
| HR Policies | A central location to access up-to-date HR guidelines, benefits information, and workplace policies. | |
| Intranet Links | Acts as a quick-access hub to key internal tools, resources, and platforms employees use daily | |
| Locations | Showcases your org's office presence across regions, with details like addresses, contact info, and facility highlights. | |
| Meeting Agenda | Serves as a structured page for sharing meeting details, discussion topics, and action items. | |
| HTML Page | Home screen | Serves as the central entry point for employees, giving employees quick access to key updates, announcements, and resources. |
| Navigation Menu | Provides a structured, intuitive way for users to find and access key sections, pages or apps across the org. | |
| New Starters | A dedicated onboarding hub that helps new employees get up to speed with company culture, tools, and processes. | |
| About Us | Give visitors a clear understanding of the company’s identity, mission, and values. | |
| Meet the Team | Highlights the people behind the organization, fostering connection and transparency across departments. |
Device(s): Desktop
Roles / Permissions:
- Permission: Edit Page Templates
- Roles: Admins, Editors, Space Managers
How Templates Work
When you are creating a new Page - applies to both Space and Global pages - you will have the option of selecting a New Page or a HTML Page type, both of which will provide default templates to work with.
Adding Templates with New Page Builder
Clicking '+ Add Page' > 'New Page' will bring up a blank page builder. You can start your build from scratch or you can click 'Start with a Template' to get started with templates. From the pop up, you can choose to create from one of the Default Templates provided by Workvivo, or go with one of your organization’s unique custom templates.
Top Tip: Click the preview icon to see what each looks like before you choose.
When you do choose a suitable template, the page editor will open with your chosen template pre-populated in the Page Body. In this case we went with the ‘About Us’ template. From here you can edit the pre-populated content, add more components and tailor the template to your needs.
Adding Templates with HTML Page Builder
Clicking '+ Add Page' > 'New HTML Page' will bring up a blank page builder. From the pop up, you can choose to start from a blank canvas, create from one of the Default Templates provided by Workvivo, or go with one of your organization’s unique custom templates.
Top Tip: Click the preview icon to see what each looks like before you choose.
When you do choose a suitable template, the page editor will open with your chosen template pre-populated in the Page Body. In this case we went with the ‘Homescreen’ template.
Managing Custom Templates
You can view, manage and create your custom templates from within the Templates Manager. This can be accessed by clicking 'Options' > 'Edit Page' > 'Options' > ‘Manage Templates’ from the drop down list.
Here you can see a sample Template Manager with a custom built template for our organization. From here you can 'Edit', 'Duplicate', and 'Delete' current templates. You can also preview the template and toggle between templates saved in both the new Page builder experience and legacy HTML experience.
Creating Custom Templates within the Page Editor
Do you have an existing page that you want to turn into a template for future re-use? If so, click on 'Options' > 'Save as Template'. This will now become available for you in your Template Manager.
Page Anchors
When a Page is being built out using the new builder experience, anchors are auto-populated for all headings. Viewers can access these from the icon on the right hand side of the page content.
Creating Page Anchors (HTML Editor Only)
You can input Anchor URLs in articles and pages by editing the source code in the page body.
You can link a section at the top of the page and this will bring you directly to that section in the article.
Step 1: Create an unordered list with a hyperlink and give this link a unique tag name. Example : Company Updates is "#updates".
<ul>
<li><a href="#welcome">Hello</a></li>
<li><a href="#spot">Team Spotlight<br></a></li>
<li><a href="#espot">Employee Spotlights<br></a></li>
<li><a href="#updates">Company Updates</a></li>
<li><a href="#news">In the News</a></li>
</ul>
Step 2: You then reference that unique tag name in the section you create in the page / article.
<p id="updates"><strong>Updates</strong></p>
Below is some sample code to use to get an understanding of how the Anchor URLs work.
<p>links to workvivo</p>
<div>
<ul>
<li><a href="#welcome">Hello</a></li>
<li><a href="#spot">Team Spotlight<br></a></li>
<li><a href="#espot">Employee Spotlights<br></a></li>
<li><a href="#updates">Company Updates</a></li>
<li><a href="#news">In the News</a></li>
</ul>
</div>
<p> </p>
<p id="welcome" style="padding-top:100px; margin-top:-50px;"><strong>Hello</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="spot" style="padding-top:100px; margin-top:-50px;"><strong>Team Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="espot" style="padding-top:100px; margin-top:-50px;"><strong>Employee Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="updates" style="padding-top:100px; margin-top:-50px;"><strong>Updates</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="news" style="padding-top:100px; margin-top:-50px;"><strong>News</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>