About Subsites
A Subsite is a special part of your website for a specific target group. They are a great way to add additional content to your main site that targets a different audience, for example, for venue hire or B2B audiences. They’re excel at more content heavy sites with only a handful of events. A Subsite has the following features:
- Navigation and menu items specific for the Subsite
- Different footer content
- Different styling & branding
You can create a Subsite from every main menu item. When navigating to the item, a visitor automatically enters the Subsite. You can also have more than one Subsite!
Main Site | Subsite | |
Domain URL | Multiple | No (use same as main site) |
Homepage | Yes x1 | Partial |
What’s On / Agenda | Yes x1 | No (can use events lists part) |
Header / Navigation | Yes x1 | Yes x1 (same layout as main site) |
Search | Yes | Shares results with main site |
Styling | Yes | Yes (customisation) |
Production Pages | Yes | No |
Stories | Yes | Yes |
Content Parts | Yes | Yes (can not be used on Homepage parts) |
In this article we will show you how to create a Subsite for the Submenu "Corporate" in the example below.
When properly set up, the Subsite will look something like this:
You can see that the submenu "Corporate" of the main website has become the main navigation of the Subsite when you use the hamburger menu.
All other menu items of the main website are gone here, and replaced by a link "Return to website" at the top right.
The header, navigation and footer have different styling and content.
Design & Branding
You can create multiple Subsites in your website, but it is advised to not go overboard here. A sudden change in layout and branding can confuse Visitors.
A Subsite uses the same templates and overall structure as the rest of your Peppered website. These templates can however be styled specifically for the Subsite. You have the following options:
- Different color scheme in header, navigation & footer
- Different logo in header
- Different fonts, font colors and background colors in content areas
Because the entire look and feel of the Subsite can be different from the main website, these options need to be implemented by a Peppered Consultant.
Peppered can also make a design for your Subsite, based on a style guide. Ask us about the options.
Creating a Subsite
To create a Subsite:
- Go to Website > Menus module
- Select Add Menu
- Set the Type = Subsite
- Name your Subsite = note this will also be used in the URL
- URL Alias = this can be a shorter version of the Subsite name to create a shorter URL
- System name = usually a Peppered Consultant will set this when adding the styling.
- Save
Adding Pages to your Subsite
Steps for adding a Page to your Subsite.
Step 1: Create Page in Stories > Pages
- Complete the Required Fields first
Step 2: Add your Page to the Subsite Menu
- Go to Website > Menu and find your Subsite
- Add Menu Item
- Set whether Visible in Menu / Nav = Yes/No
- Add Title - this will be title of page/url
- Select Type = Page or Story (Note: It must be this for it to add)
- Page = Select from Drop-down.
- Save
Step 3: Add your Page Content
- Go back to Page - your Subsite page will now have your Subsites styling
- Add content/parts as normal
Adding your Subsite Menu and Footer
After you created the Main Menu item of the type Subsite and all underlying submenu items and pages, it is time to create alternate content for the Footer and service menu of the Subsite.
This is done in Website > Subsite Content:
To add a new item:
- Select the correct main menu item (in this case "doelen_studio1"):
- Select a Subsite page as the Landing page. Your Subsite logo will link to that page.
- All footer and service menu content you add here will be displayed on all pages in the “doelen_studio1” menu:
Related articles