Skip to content

Create a web page - step by step

From first click to published content: Here's how you create a web page in Content Studio!

1. Choose a page type

Left menu in Content Studio

When you add a new page to your site, you'll see two page types in the list of available content types. 

Choose Article for long-form text content, and General for everything else.

2. Write the teaser content

The teaser title and teaser text will show when you link to this page (see illustration below), for instance in a teaser card.

If you dont write anything here, the link will use the page title and the existing preface.

However, when we link to a page, the title and text might need to be more descriptive than it is on the page it self. 

PS: Keep the teaser texts short and to the point. A teaser card is a link, and should be treated as such.

An example teaser card
This is what a teaser card with image, title and text look like. If you write nothing into the teaser content, it will use the page title and the preface from your original page.

3.Put your content into parts

To work fast and smooth, you want to know all the parts and how they work. See what they look like and how to use them in our design system!

Now your ready to start filling the page with actual content.

All content on our web pages is put into a part. Parts are the building blocks we use to structure content, and which part you should use depends on the content at hand. 

To add a part to your new page, click on the page and select "Endre" in the top menu.

Now move to the right hand panel, and choose "Sett inn". Then choose part, and drag it into the page builder.

A: Drag and drop the part selector to the middle section in CS.
B: Search or scroll to find the part you need. The list will show all available parts for your chosen page type.

3. Prioritise your content with drag-and-drop

Other than placing Header-parts at the top of the page, there are no strict rules on how to combine and prioritize parts:

  • Plan your content
  • Place the parts in the order that best suits your needs
  • Use the drag-and-drop functionality to rearrange the parts as needed
  • Think "mobile first": Although you may place tasks and cards next to each other on desktop, they will stack beneath each other on mobile, causing lots of scrolling

See the full onboarding presentation in Miro