Create a webpage

Steps for creating a page using Contentful. Create your page and then add content elements to the page. Preview as you create the page.

Create a page — overview

Webpages are created in Contentful using content models. These are pieces of content that can be reused and moved around on a page.

You can create new content to add to the page or reuse existing content.

To create a webpage you create a page model and then add content models to the page.

Page models


Preview what you are creating

Have a preview screen open as you work so you can see what your page looks like as you build it.

Use the link to the preview environment and then add the slug of your page. Get the page slug from the page you are creating in Contentful.

Preview environment link


Saving

Contentful automatically saves your work.


Create your page

Log in to Contentful.

Find the 'Add entry' button and choose 'page'.

create a page

Title

Give your page a unique title i.e a title that isn't used anywhere else on the website. For example, there can only be one 'About us' page on the National Library website.

Slug

The title will automatically create a slug.

Feature image

The feature image appears at the top of the page. Either 'Create a new feature image and link' or 'Link existing entry'.

Content elements

This is where you add the elements that you want to appear on your webpage. Either 'Create new entry and link' or 'Link existing entry'.

You can change the order that the content elements appear on the page by dragging up or down.

Content elements you can add to your page include:

  • column block
  • content block
  • feature card
  • feature card gallery
  • highlight
  • info blocks
  • rights statement
  • Search content block
  • summary block
  • widget block

Side content — don't use this. Use the Side elements option instead.

Side elements

This is where you add content that you want to appear on your webpage. It will appear under the left-hand side navigation on a page. Either 'Create new entry and link' or 'Link existing entry'.

Side content elements include:

  • content block
  • feature card
  • info block
  • side block

Page descendants

Page descendants are the pages that live underneath the page you are creating.

Page descendants create the right-hand navigation on the website. Either 'Create new page and link' or 'Link existing entry'.

Browser title

This is title that appears on the tab when the page is opened. You don't need to do anything here.

Meta description

The meta description help search engines find your page. It should be short and describe what the page is about.

Side navigation

In general, we want side navigation to appear on the website. Choose 'True'.

Hidden

Our approach is not to hide webpages but if necessary you have the option to hide a page using this field.

Redirect url

This field gives you the option to redirect the page to a different location on the website.

Use a relative url if you need to use this.

Check with the National Libary Online team before using this.

Display contents listing

If you select 'Yes' any pages descendants of this page will appear as a list on the parent page.

You can add links to webpages on the National Library website that may be relevant to the page the user is on. Either 'Create new page and link' or 'Link existing entry'.


Publish your page

To publish your page:

  • publish all the page elements, and
  • then publish the page.

Before you publish the page check it in the preview environment.

Preview environment link


Contentful component library

Go to the Contentful component library to see the kinds of tools available to you when you are creating webpages.

Contentful component library