Add a New Page to Your Website

Learn how to create a new webpage in Novi.

Jenn Norman, CAE avatar
Written by Jenn Norman, CAE
Updated over a week ago

Adding new pages to your website has never been easier. Let's get started!

Adding a Web Page

1. Go to the admin (backend of Novi) and click Static Content > Folders & Pages > Add Page.

2. Then the New Static Page modal will be displayed, where the details for your new page can be entered (see image below).

Required Details:

  • Page Name

  • Template (see below for more info)

  • Page Title (auto-populates for you, but can be edited)

  • Friendly File Name (auto-populates for you, but can be edited)

    • Note: The FFN must be unique!

The following Templates are available for static pages:

  • Default - sidebar region, but no header photo

  • Full Width - no sidebar region or header photo (best for pages with multimedia such as video - text-heavy full-width pages can be overwhelming to site users)

  • Header Photo - includes a header photo and sidebar region

  • *Two Column Header - *available in select themes, this provides two content areas in the title region of the page

Optional Settings:

  • Folder - This is a way to organize your web pages on the backend. This is not related to the website's navigation.

  • Featured Image - This is the image that will show on the frontend if this page is featured in the homepage Top Featured and/or Slider sections.

    • If an image is not added in the static page settings, the system will display the default image that is set up in Association Settings.

  • Only Accessible to Logged In Members With Benefits - Checking this box will ensure that a user must be logged in before they can see the page.

  • Only Accessible by These Groups - To lock down a page to a specific group(s), create the Group on the backend and then add it here. The webpage will only be accessible by members of the group who are logged in to the website.

  • Additional Users Allowed To Edit - Add one or more non-admin individuals to give them editing privileges for this specific page.

    • They will not be permitted to add new pages, edit this page's properties including SEO info, or edit other content sections not specific to this page, such as the footer.

    • This setting would not apply to event pages, member directory pages, blog articles, or other non-static pages.

    • The person must already have a record in the database and have a user account before they can be given privileges.

    • Admin users do not need to be added to this list because they already have access to edit all static pages.

  • Leadership Roles to Display - Add one or more Leadership Roles, which will be displayed beneath the editable content region.

  • Hide Header - Hides the entire website header, including navigation. Great for marketing special events! Note this is not available on pre-formatted pages like event details/registration, member directories, Member Compass, etc.

  • Hide Footer - Similar to hiding the header, this hides the entire footer region within the specific static page. Note this is not available on pre-formatted pages like event details/registration, member directories, Member Compass, etc.

  • SEO Description - The meta description is a snippet (a tag in HTML) that summarizes a page's content. Search engines oftentimes show the meta description in search results. Learn more about SEO.

3. From there, you can Save & Close OR Save & View your page.

4. Once your page is created, you can then move on to adding a page to the website navigation if you'd like it to appear in your website's navigation menu on the frontend.

5. View the page on the frontend and review/edit the formatting of the content, and then you're all set!

Did this answer your question?