A tabbed hub landing page can be used in the same way as a normal hub landing page – to act as a landing page from which a site section is accessed by visitors. The difference is in the way the content is laid out with tabs allowing different sub-sections and links to be displayed on one page.
Overview
Anatomy of a tabbed landing page
Like hub landing pages and normal content pages, the sections, content types and components that go into making a tabbed landing page are common. It is the layout of the page to visitors where there is a major difference, with horizontal tabs replacing vertical sections.
Who can build and edit Tabbed Hub Landing Pages?
Tabbed Hub Landing Pages offer an alternative way of displaying content which acts as a central location to promote further exploration. They are typically used by:
- Central Marketing team
- School and Faculty marketing and ops teams
- Student communications editors
- Business, facilities and professional services teams
Create a Tabbed Hub Landing page
Contensis allows up to three tabs to be used on a tabbed landing page, with ‘Tab 1’ in the back end always being the first to display whether on desktop or mobile. Adding content to a tabbed landing page uses similar sections and components to a content page or hub landing page. It looks like this in the backend of Contensis.
On the public-facing site, a tabbed hub landing page looks like the below. As you can see, this page has two tabs - Undergraduate and Postgraduate. Up to three can be used, however.
Editing a Tabbed Hub Landing page
Most of the work you are likely to do on Contensis will be editing an existing page, and most of this will be using various text functions. Essentially, if you can use Microsoft Word, you can use the Contensis text editor.
When writing for the web on behalf of the university, we recommend you familiarise yourself with the style guidelines on the intranet.
Editing other elements of a content page is most likely to involve accessing and changing individual content types and/or components. Refer to the individual guides for guidance on doing this.
Remember: Some components can appear on multiple pages across the website. If you edit one by accessing it from a content page, the changes you make will be reflected across the other pages where it has been used. If you are in any doubt, check with the content team first!
Live example
An example could be a page that needs to have information for undergraduates, postgraduates and alumni on it. Each could have their own tab with unique content.