Before creating a page, it's important to understand the CMS's three main Navigation Areas, and how adding a page to each of these areas dictates where it's displayed on your community site.
NOTE: If you're not familiar with these concepts, refer to the Navigation Areas Overview section below before continuing.
Navigation Areas Overview
Pages are organized by a site's three main Navigation Areas:
- The Main Button Bar represents a site's top-level navigation. Adding/removing pages to/from the button bar is how to manage a site's main navigation options. When creating a page, you’ll typically do so under the Main Button Bar and configure it to (a) appear directly in your site’s navigation or (b) as a hidden page you’ll link to from elsewhere, like other pages, discussion posts, emails, etc.
TIP: Nesting pages in the Main Button Bar is how you create drop-down menus in your navigation menu containing additional pages:
- Pages added to Text Links at Top display as links in a site's banner (Contact Us and Terms and Conditions are the default links), and are available across all pages.
- Pages added to Text Links at Bottom display as links in a site's footer, and are available across all pages.
EXAMPLE: Compare the two images below to see where content added to each area displays on a community site.
Create a Page
- Begin the page-creation process in one of two ways:
- Drag-and-drop the Add Page tile into the desired Navigation Area. Where it's placed in the tree structure determines whether it's a parent or child page.
- Click to highlight a page, and then select Add from its ellipses menu. A new page is added to the bottom of the list.
- At this point, your page is in the Draft state, meaning it won't be accessible on the site or visible in the navigation until it's published. Now, configure the page's properties, which are automatically displayed to the right.
|Visible in Navigation||
NOTE: See Hide & Delete Pages & Content to learn more about hiding and deleting both pages and content.
The page's title, displayed as a heading on the page, if the Show Page Title box below is checked. If unchecked, the title is hidden.
This title also represents the page in Page Designer.
|Page Code Name||
You can think of Page Codes as a shortened URL, making them easier to remember for site navigation and linking purposes.
TIP: Assigning a Page Code is a best-practice, and we recommend using the same name for your URL Name and Page Code.
When linking to a page (in a discussion post, email ,etc.), we recommend using its Page Code rather than hard-coding the entire URL. This way, if you or another admin ever update its URL, the Page Code will still link to the new URL automatically.
EXAMPLE: If a page's URL is hug.higherlogic.com/events/ecwest/hlacademy and its Page Code is hlacademy, it can be accessed via hug.higherlogic.com/hlacademy instead of typing the entire URL. And, when linking to this page, it could just point to /hlacademy and not the full URL.
Page Codes are also used to syndicate content on other pages.
NOTE: Never change the Page Code for any of your site's default product pages, as this will break functionality. You should only ever change Page Codes on custom pages you or another admin have created.
This is the page's name in the browser URL address bar.
EXAMPLE: If you set the page's URL to ecwest, its URL would be:
|CSS Wrapper Class Name||Here, you can wrap the page with a class to facilitate CSS style targeting, if needed.|
Apply tags to a page to help group similar content, making it easier for users to find via search.
See Tags to learn more about managing tags.
|Search Engine Optimization|
|Meta Title||The title for this page content.|
The meta description is a ~160 character snippet, a tag in HTML, that summarizes a page's content. Search engines show the meta description in search results typically when the searched for phrase is contained in the description.
Optimizing the meta description is a very important aspect of on-page SEO.
Link to a featured image.
This is the search-engine-friendly URL you want search engines to treat as authoritative. In instances where multiple URLs go to the same place, providing a canonical URL helps instruct a search engine as to the primary URL. Learn more about canonical URLs.
This is where you can add additional meta tags in the page header. Learn more about meta tags.
|Include in Search Index||
Check this box to have these pages included in the site's internal (pagecode and page title) search.
|Show ads on this page?||
Specify whether website ads will display on the page.
NOTE: See Website Ads to learn how to create Website ads.
|Prevent the content of this item from being syndicated to other pages/sites||
Controls whether this page's content can be syndicated on other pages and/or sites (if you license Microsites). Unchecked allows for syndication. Syndication is an excellent way to re-use page content.
NOTE: When syndicating a page's content, make sure the Page Layout of the page you're syndicating from and the page you're syndicating to are the same.
|Super Admins Only||
This allows you to restrict page editing to Super Admins, which is a great way to prevent Site and Microsite Admins from editing some pages but not others.
You can also lock your top-level navigation and individual Content Items on a page. See Lock Pages & Content to learn how to lock your pages and content.
This important setting controls who can access the page:
EXAMPLE: Why would you want to hide pages from logged in users? Let's say you have a public page explaining the benefits of becoming a member. Once users become a member, and subsequently log in, that page is no longer applicable and can be hidden.
NOTE: You can also set View Permissions for content as well (both Content Items and Widgets). This gives you a lot of flexibility, for example, to make a page publicly available but tighten the security on specific pieces of content on that page.
- When finished, click:
- Save to save your settings and leave the page in the Draft state or
- Publish to save your settings and make the page live.
After creating the page, you'll then want to define its layout and add content. See Build Page Layout & Content to learn how.