Skip to content

Building websites with Builders Platform

The web editor's main tool is our CMS, XP Content Studio. This is where we build websites by combining the different parts that are available through the platform.

What is a Part?

To add content to a webpage within Content Studio, we offer 30 building blocks called parts. Web editors may design and combine them in a multitude of ways to meet different business- and user needs.

Some are simple and versatile, such as a CTA, which may be used for any content and context. Others are more complex and specific in their use, such as product tables, which are tailored to present and compare the different coverages in our insurance products.

All parts have their best practices, and are documented in the parts library.

Principles for Content Studio

The number of page types has been reduced to just two: Article Page and General Page. When you plan a new page, use Article for long-form text content (product details, blogs etc.) and General when your content consists of multiple user tasks and short introductions (front pages, product overviews, theme pages etc.).

All parts are in full width and may be dragged-and-dropped anywhere on the page. This helps us prioritize our content and allows for editorial flexibility without running the risk of breaking Gjensidige's guidelines for grid, spacing etc.

Mostly, content is created in-context, tailored for the page you're creating. For content that may be used in many different contexts, such as teaser texts, short product descriptions and certain CTAs, we use content types and fragments.

There are few restrictions on use for this first iteration, but some limitations do apply: Some parts are only available on a given page type, and some fields are made required.

With freedom comes responsibility; make sure your page is accessible and user friendly as you create it. Get in touch if you need advice on how to make sure your page follow Gjensidige's best practices!

Content model and structured data

All our parts use a shared information architecture that makes it easier for us to iterate and improve editorial functionality. Any improvements to the image selector, for example, will be shared across all parts where images are used.

We're also introducing content modeling to the CMS. By allowing editors to create a product or service as a content type, we're able to show the same information for our products and FAQs across the whole website.

Get started

Here's a very brief guide to building pages with parts. For a thorough onboarding to the website builder (including content modelling and our new content types), please contact Team Builders. 

1. Create your page and choose a page type

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.

Select either Page: Article or Page: General from the menu

2. Write a teaser text

Give your page a teaser text. This is is a new feature that lets us introduce our page content across our site with Teaser Cards.

Keep the teaser texts short and to the point: A teaser card is a link, and should always be understood as such by the user.
When your page is published, you can link to it from other pages without having to create any new content.

3. Add parts to your page

To add parts to your page, simply drag and drop a part selector to the middle section in CS. You'll find the parts selector under components (where you find fragments etc.):

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. Prioritize 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

A note on templates

You may find that your new page is already populated with parts (without content or with content that serve as a user guide). This is because a template is in use. Templates are not strict rules on how to build a page: They are suggestions or best practices to help you get started.