Adding a new page

This page is a part of the content management tutorial, which you should follow sequentially from beginning to end. If you haven’t completed it yet, go to the first page: Using the Pages application.

You will learn about:

Important note

Dancing Goat is a specific sample website used for the purposes of the tutorial. Your company’s website will be different, and some functionalities may also be changed.

Pages

As you already know, the Pages application allows you to manage, update, and delete your existing pages. You also understand that pages store the content of the website in the database and that not all items in the Pages’ content tree are presented on the live site. And you’ve learned there are two ways of working with your website’s content – via the Content tab and the Page tab. Here’s a short comparison of these editing options:

The Content tab

The Page tab

  • Enables you to work with the structured content.
  • Allows you to focus only on the quality of your content, not on how it is presented on the live site.
  • Developers prepare the exact structure for collecting the content.
  • Stores pre-defined types of content, such as headline, body copy, or image, in specific fields
  • Used for pages with a repeated structure (e.g., Articles or Products) or which don’t change their presentation (e.g., About or Contact pages).
  • Enables you to manage content using the Xperience page builder.
  • Allows you to adjust the position of the content.
  • You don’t need developers to change the structure of a page.
  • More dynamic, allows you to change the content whenever you need it.
  • Most useful for high traffic pages where you want to tailor the design to specific goals, such as campaign landing pages.

Page types

Each page in the admin application’s content tree is of a specific type – a page type. The pages on the Dancing Goat MVC website use different page types, such as ContactsLanding Page, or Products.

The page types define the underlying data structure of pages. Your developers create the page types’ structure with fields in which you add or edit the content or upload files. They organize the page types into a system of parent and child page types. This hierarchy helps you build the structure of pages in the content tree. They set the limitations to ensure your data is correctly stored in the database and properly displayed on the live site.

What exactly does it mean? For example, on the Dancing Goat’s website, you can only add new pages with specific page types under their tree. If you add a new page under Articles, you can only add a page of the Article page type or the Article section page type.

Adding new pages

You can add new pages to your website in the Pages application. To create a new page:

  1. Select the content tree item under which you want to add a new page.
  2. Click the New () button in the action buttons.
  3. Click the page type which you want to use for your new page.

Depending on the page type you selected, your new pages open either the Page tab or the Content tab. In case there is only one allowed page type that can be used for the child page, clicking the New button creates the page and automatically takes you to the respective tab.

If you find out you need new page types with a new set of rules, turn to your developers, and they will prepare it for you.

Task:

Your copywriter prepared a new article Local coffee shops on the rise, and sent you all the resources. You are responsible for publishing the article in two days on the new page in your Articles section. (You can find the article materials in the Adding a new page folder in the tutorial resources.)

Need help?

You can always look at our step-by-step guide:

  1. Open the Pages application.
  2. Select the Articles section in the content tree.
  3. Click the New () button.
  4. Select the Article page type.
  5. Name your article Local coffee shops on the rise.
  6. Upload the teaser image.
  7. Paste the summary.
  8. Paste the text of the copy.
  9. Use the Rich text field editor and style your text.
  10. In the Publish from field, select the publish date and time.
  11. Click the Save button to save your article.
  12. To see how your article looks, click the Live site button below the application list.

Here you can find the visual representation of the guide:

Conclusion

You have learned about the Pages application and its Page and Content tabs, about working with files in media libraries or as page attachments, and you have also practiced creating new pages.

If you want to learn more about content management in Xperience, take our training course for editors and marketers, or continue with the Business tutorial.