Creating Site Pages

For more information on site pages, please review our guide: Introduction to Site Pages

If you do not have an external website, or would like a dedicated site for your platform, we provide you with one. Your platform has an attached website made up of sample pages to demonstrate the functionality of our website feature. The most powerful functionality built in is our eCommerce features, which allows you to display a Course Catalog and take customers through a checkout process seamlessly. You are, of course, welcome to edit, customize, and add new pages to your platform website. 

This guide will teach you how to create a new site page, add your content, include necessary eCommerce snippets, and optimize your page for SEO.

In this article

Site Pages

Site pages are found in the dashboard at Site Pages > Pages

On the Pages page, you will see all of the published pages on your site. Pages with special identifications will be noted on the list, i.e. Home Page, Catalog Page, Cart Page, and Checkout Page.

Creating a Site Page

On the Pages page, you can create a new page by selecting Create Page.

Title

Select the title for your page. This title will be used internally in the platform to identify it when customizing site menus and when choosing site page identifications.

Content

The content of your page can be added to the content builder.

1

When you click inside the builder you will see three buttons in the top left corner for editing the paragraph content: Add Element, Format, and Selector.

2

With the  + icon you will be able to add new elements to the page such as text, images, code, dividers lines, and grids. 

3

Grids are important to understand because they allow you to segment a section of the website into parts, similar to columns. Grids can allow you to split the page and set a structure for the page to allow you to add other elements like images or quotes. Once you have added a grid, you can select a column and use the + icon to add elements inside that column.

4

The icon will allow you to format the element you have selected. 

5

The  # icon allows you to add a CSS class or ID to the element (which can be used to add targeted CSS styling, for example from the Custom Styling tab in the Admin Dashboard under Branding).

6

Next to the icons you will see the selector path which shows you which element you are looking at, as well as the parent elements.

In this case, for example, we are editing a paragraph element which is part of a column that is part of a grid. And all elements are part of the Article which is essentially the web page you are working in. You can jump to the Grid element by simply clicking on the name.

7

When you have selected an element on the page, on the left hand side you will see a tiny menu with actions.

These allow you to drag & re-order the element, delete the element, duplicate the element, or view the element as code, respectively from top to bottom.

Snippets

Snippets serve a very special purpose for certain pages on your platform website. They help display the information on your Course Catalog, Cart, Checkout page that syncs with Academy of Mine's eCommerce features.

There are eight snippet code blocks to choose from. You can add them to any page you wish, but there are snippets specially designed to be displayed on the Course Catalog, Cart, and Checkout pages.

Course Catalog Page

For more information on the Course Catalog, please review our guide: Building a Course Catalog

The Course Catalog page you create must contain the Product Listing Block snippet. 

On your Course Catalog page, the Product Listing Block snippet will display like this:

Cart

The Cart page you create must contain the Shopping Cart Block snippet. 

On your Cart page, the Shopping Cart Block snippet will display like this:

Checkout Page

The Checkout page you create must contain the Checkout Block snippet. 

On your Checkout page, the Checkout Block snippet will display like this:

Custom HTML

You are also welcome to add custom HTML to your page. At any point, you can switch the page builder from text view to HTML view. This can be done by selecting the HTML option from the Content menu.

SEO Details

SEO Title

You have the option of adding SEO content to your page. The SEO Title should be a unique identifier under 60 characters.

SEO Description

Your SEO Description should be between 50-160 characters. The description should include keywords to boost your recognition by search engines.

Thumbnail Image URL

The Thumbnail Image URL is displayed whenever your page URL is shared on social media platforms like Facebook or Twitter. 

The recommended dimensions are 1200x630 pixels, with an aspect ratio of 1.91:1.

The file must first be uploaded to the Media Library, where it can then be selected for your Thumbnail Image URL.

The Media Library houses all the uploaded files you use in your account. All uploaded files can be found here. 

1

There are two ways to access the Media Library. 

You may upload files to the Media Library through your dashboard by navigating to Assets > Media Library. 

Or, you can launch the Media Library directly from Edit Page by selecting Browse Media.

2

Inside the Media Library, you can add your image by dragging your file or selecting Upload Media.

3

Once the file has been uploaded successfully, it will be listed in the Media Library. You can then select it for use in your Thumbnail Image URL.

Next Step

Now that your platform website page is created, you can customize the navigation menus that will be displayed in its header and footer. To learn more about navigation menus, please follow our guide: