The beginner's guide to Contentful

Welcome to Contentful! No matter your role or what content you’re interested in managing — from an editor working on a marketing blog to a contributor working on a web app — Contentful has many powerful features to offer you.

Before you can get started creating content, however, you need to create a content model. Think of a content model as the big picture view of your content, and the kinds of content (or content types) you want to create as the pieces that make up that big picture. The key to any successful project in Contentful lies in creating a good content model. 

For most people, the easiest way to get used to content modeling is with a practical example. This guide will walk you through the steps necessary to get up and running with your first project in Contentful, from creating a content model to filling it with content. For a more in-depth look at content modeling as a concept, see our guide to content modeling basics.

Our example project

We have a personal blog that we run in our spare time. Occasionally, we have guest posts from friends and people in our field that we admire. We need to add, edit and manage all these posts.

Naturally, the first thing you think of when it comes to blog content are blog posts. But, actually, blog posts are not the only content in a blog. There are also images (and, potentially, other media such as embedded videos), author bios and pieces of SEO metadata, such as tags. All of these pieces of content can be managed in Contentful.

We will add these pieces of content as content types into the big picture of our blog that is our content model

Step 1: Get an account

If you don’t already have a Contentful account, go to https://www.contentful.com/sign-up/ to get one for free. Then go to https://app.contentful.com/ and log in.

NOTE: For organizations on EU data residency, the correct URL is https://app.eu.contentful.com/.

Step 2: Create a space

Contentful 101 add space

Short for workspace, a space is where all the content is created with Contentful. It's your place to keep all the content related to a project. For this example, our project space is where our blog entries will live. 

Contentful 101 create basic space

To create a new space:

  1. Click Add space. Select your plan from the list. This guide will assume you're creating a Basic, although the steps in this guide apply to all plans.

  2. Give the space a descriptive name. In this example, we’ll name the space the same as our blog title, “Content is King!”

  3. Select “Create an empty space” from the list below the blog name, then click Proceed to confirmation.

  4. Double-check your space details. Then, click Confirm and create space when you’re ready.

Step 3: Create the content model

Now with our space set up, it's time to create our content model. We do this by adding content types for each kind of content we want to have in our space: blog posts, images, author bio, SEO metadata and videos. 

You can create your content model in the web app using one of the following options:

  • Visual Modeler — Allows you to visually build your content model, view your content types and connections between them, and collaborate on the changes with your teammates.

  • Content model tab — Allows you to add and configure content types using the content type editor.

We’ll start by adding a content type for blog posts. 

From your space home: 

  1. Go to the Content model tab.

  2. Click +Add content typeNOTE: If you already have at least one content type created, you can continue setting up your content model in the Visual Modeler. To switch to it, click Visual Modeler.

  3. Enter the name of the content type you’re creating (in this case, “Blog post”) and a short description. Then click Create when satisfied.

Contentful 101 create content type

We’re not finished yet! Now we need to define what kind of information we want to include about the Blog post content type in our content model.

Step 4: Add information to the content model

Let’s quickly recap where we are.

So far, we have created a space for our blog (called "Content is King!"), and we’ve created a content type called Blog post. The next step is to define what type of information to store for each blog post in our blog. This is done by adding fields.

Contentful currently supports a number of fields:

Contentful 101 field types

For our Blog post content type, we’ll be using two types of fields: Text, Rich text, and Date and time.

To add fields:

  1. Click + Add field and select Text. Give the new field the name of “Title” and click Save (if you’re working in the Visual Modeler) or Create and configure, and then Confirm  (if you’re working in the content type editor).

  2. Repeat for "Rich text" and "Date and time" fields.

  3. When finished adding fields, click Save (if you’re working in the content type editor).

Your content type should look like so:

Contentful 101 content type blog post

Step 5: Add content

Once all our fields have been added, our content type is finished! Now let’s use it to create some content. 

Contentful 101 add entry
  1. Click the Content tab, then Add Blog post

  2. Fill out the fields with your desired content. 

  3. When finished, click the Draft button and select Publish.

Step 6: Repeat!

Remember, a blog is not just blog posts. We still have images, author bio, SEO metadata and videos to add to our space. Don’t worry though — the process remains the same. Follow steps 3 through 6 for the remaining content types, and our space will look like this:

Contentful 101 content tab

Hooray! We created our blog!

Everything is now in place

By following this introduction on content modeling with Contentful you...

  • Signed up for a free Contentful account

  • Created your first space called “Content is King!”

  • Put together a content type called “Blog post”

  • Populated the “Content is King!” space with content based on the “Blog post” content type

What’s next?

The sky’s the limit! Now that you have the basics down, you’re in charge of your content’s fate.

Looking for more help learning about Contentful? Check out our other help center articles, or find out what we’re currently working on by visiting our Marketing blog.

Was this helpful?
add-circle arrow-right remove style-two-pin-marker subtract-circle remove