Skip to main content

Create a New Blog Post

This is where you write and publish a new blog post. Think of it like composing an article for a newsletter — you give it a title, write the content using a visual editor, add a cover image, and choose who gets to see it. Once you save, the post i...

Written by Ronny Christensen
Updated over 3 weeks ago

What This Screen Does

This is where you write and publish a new blog post. Think of it like composing an article for a newsletter — you give it a title, write the content using a visual editor, add a cover image, and choose who gets to see it. Once you save, the post is created and can be shared with your members or the public.


How to Get There

  1. Open the dashboard.

  2. In the left-hand menu, click Blog.

  3. Click the + New Post button (or equivalent create action) in the top-right corner.

  4. You are now on the Create Post screen.


Step-by-Step Guide

1. Fill In the Details (Left Column)

These fields make up the main content of your blog post.

Field

Required

What to Enter

Title

Yes

The headline of your blog post. Keep it short and descriptive.

Teaser

Yes

A brief summary or preview of the article (3 lines of text). This is what readers see before they open the full post.

2. Write the Content

  • Below the Title and Teaser fields you will find the Content editor.

  • This is a drag-and-drop email-style editor (powered by Unlayer) that lets you build rich content visually.

  • You can add text blocks, images, buttons, dividers, and more by dragging elements from the side panel.

  • To add an image inside the content, use the editor’s built-in image upload — the system will upload it automatically and insert the URL for you.

  • Take your time here. The editor must fully load before you can submit the form — the Create Post button stays disabled until it is ready.

3. Set the Culture (Language)

  • On the right side of the screen, under Properties, open the Culture dropdown.

  • Choose the language this post is written in:

Option

What It Means

Dansk (da-DK)

The post is in Danish. This is the default.

English (en-GB)

The post is in English.

  • This helps the system show the right post to readers based on their language preference.

4. Set the State

  • Open the State dropdown.

  • Choose one of these options:

Option

What It Means

Draft

The post is saved but not visible to anyone yet. This is the default.

Active

The post is live and visible to readers (based on publish type).

Archived

The post is hidden from readers but kept in the system for reference.

  • If you are not ready to publish yet, leave it as Draft and come back later to change it.

5. Upload a Cover Image

  • Click the Cover Image upload area.

  • Pick an image from your computer.

  • The image will be cropped to a 16:9 aspect ratio (widescreen) — this keeps all posts looking consistent.

  • Confirm the crop and the image will appear as a thumbnail preview.

  • This field is required. Every post needs a cover image.

6. Add Tags (Optional)

  • Type keywords into the Tags field.

  • Separate multiple tags with commas (for example: fitness, news, summer).

  • Tags help readers find related content when browsing the blog.

7. Toggle Public Visibility (Optional)

  • Use the Public toggle switch.

  • When turned on, the article is visible on the homepage.

  • When turned off, the article is only accessible through the blog section.

8. Choose the Publish Type

  • Open the Publish type dropdown.

  • Choose who can see this post:

Option

What It Means

Internal

Only staff and logged-in users can see the post. This is the default.

External

The post is visible to the public (anyone on the internet).

Internal and external

Both staff/logged-in users and the public can see the post.

9. Overwrite Translations (Optional)

  • Use the Overwrite translations toggle switch.

  • When turned on, saving this post will replace any existing translations of the same article with this content.

  • When turned off (the default), existing translations are left untouched.

  • Be careful: Only enable this if you intentionally want to overwrite translations in other languages.

10. Save

  • Click the Create Post button at the bottom-right of the screen.

  • The system will:

    1. Validate all your inputs.

    2. Export the HTML and design JSON from the content editor.

    3. Convert the cover image to the required format (if you uploaded a new file).

    4. Create the blog post record.

    5. Redirect you back to the blog list.

  • You will see a green “Create success!” notification at the bottom of the screen.


What Happens Behind the Scenes

You click "Create Post"
        |
        v
Form validates all fields (Yup schema)
        |
        v
Content editor exports HTML and design JSON
        |
        v
Cover image is converted to base64 (if a new file was uploaded)
        |
        v
API call: ArticleService.create({ body: articleData })
        |
        v
Article record is created on the server
        |
        v
Success notification appears ("Create success!")
        |
        v
You are redirected to /blog (the blog list)


Troubleshooting

“The Create Post button is greyed out and I cannot click it”

  • The button stays disabled until the content editor has fully loaded.

  • Wait a few seconds for the editor to initialize. You will see the drag-and-drop editor appear when it is ready.

  • If it does not load after 10 seconds, try refreshing the page. A slow internet connection can delay the editor.

“I get an error saying the cover image is required”

  • Every blog post needs a cover image. You cannot save without one.

  • Click the Cover Image upload area and pick an image from your computer.

  • Make sure the file is a common image format (JPEG, PNG, or GIF) and does not exceed the maximum file size.

“I filled everything in but the form will not submit”

  • Look for small red error messages below the fields — they tell you exactly what is missing.

  • Make sure Title, Teaser, Cover Image, Culture, State, and Publish type are all filled in.

  • Scroll through the entire form to check for any fields you may have missed.

“My cover image looks stretched or cropped incorrectly”

  • The cover image is always cropped to a 16:9 aspect ratio (widescreen).

  • When the cropper appears, adjust the crop area to frame the most important part of the image.

  • For best results, use an image that is already close to 16:9 (for example, 1920×1080 pixels).

“I do not see my post after saving”

  • Check the State you selected. If you chose Draft, the post is saved but not visible to readers.

  • Go back to the blog list, find your post, edit it, and change the state to Active.

  • Also check the Publish type — if it is set to Internal, public visitors will not see it.

“Images inside the content editor are not uploading”

  • The editor uploads images through a separate image service. If the upload fails, check your internet connection.

  • Try a different image file — the original may be too large or in an unsupported format.

  • If the problem persists, refresh the page and try again. Your Title and Teaser will need to be re-entered, so consider saving the text elsewhere first.

“I accidentally turned on Overwrite Translations and lost content”

  • If you toggled Overwrite translations on and saved, the existing translations for this article were replaced.

  • Check with your team — someone may have a backup or remember the original content.

  • In the future, leave this toggle off unless you specifically intend to replace all translations.

“I got a red error after clicking Create Post”

  • Read the error message carefully — it usually explains what went wrong.

  • Common causes: network timeout, server issue, or a field that did not pass validation.

  • Try again after a few moments. If the error keeps happening, contact support with the exact error message.

“I want to edit the post after creating it”

  • After the post is created, you are redirected to the blog list.

  • Find your post in the list and click on it to open the edit screen.

  • All the same fields will be available, and the content editor will reload your design so you can continue editing.

Did this answer your question?