> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.laposta.org/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server.

# Filling in your template in step 4

> Create your newsletter using blocks for text and images, apply your global design and check the result with a preview or testmail.

The template you chose in [step 3](/stap-3-kies-een-sjabloon) is now open in the drag & drop editor. Here, you can position blocks and fill them with headings, text, images, videos, buttons, a table of contents or social media. You can personalise the content, add links to files, websites and social media, and decide how everything looks on desktop and mobile.

> **Tip**
>
> Click ‘Info’ at the top of the screen. A detailed explanation of all the features in the editor will appear on the left side of the screen.

## Building the newsletter

At the top of your newsletter is the [preheader](/wat-is-de-preheader). In this block, you briefly mention something about the content on the left, while the link to the [webversion](/waar-vind-ik-de-webversie-wijzigings-en-afmeldlink) is on the right. That is a good place to start.

Below that, you work block by block: you drag content blocks into place and fill in or edit the blocks that were already in the template. The quickest way to set up the design all at once is via Blocks & global design → Global design, rather than going block by block.

More about working in the editor:

* [Creating a good newsletter in the drag & drop editor](/hoe-maak-ik-een-goede-nieuwsbrief-in-de-drag-drop-editor): how the editor works from start to finish.
* [The content blocks in the drag & drop editor](/welke-inhoudsblokken-kan-ik-gebruiken-in-de-drag-drop-editor): which blocks are available and what you can configure for each block.
* [Editing images](/afbeeldingen-bewerken): cropping or adjusting an inserted image.
* [Formatting for desktop or mobile display](/opmaak-voor-desktop-of-mobiele-weergave): configuring the display separately for mobile phones and desktops.

## The buttons at the top of the screen

![The button bar in step 4 with Back to Step 3, Preview, Testmail, Save as template and To Step 5](file:assets/images/schermen-en/b13-05b.png)

With the button bar above your newsletter, you manage the campaign as a whole. On the right side of this bar, you can use two icons to switch between the display on a desktop screen and on a mobile phone. If [Fresh view](/hoe-werkt-frisse-blik) is enabled for your account, there will be an extra button between ‘Testmail’ and ‘Save as template’.

| Button           | What you use it for                                                                                                                                   |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| Back to Step 3   | Choosing a different template.                                                                                                                        |
| Preview          | [Seeing what your newsletter looks like](/kan-ik-van-mijn-nieuwsbrief-een-preview-zien) on desktop, tablet and mobile.                                |
| Testmail         | [Sending the newsletter as a test](/kan-ik-van-mijn-nieuwsbrief-eerst-een-testmail-versturen) to your own address and to others.                      |
| Save as template | Saving the layout for a future campaign.                                                                                                              |
| To Step 5        | Proceeding to [the last check](/stap-5-laatste-controle), where Laposta lists your choices from the previous steps and checks whether all links work. |

Use ‘Preview’ and ‘Testmail’ not only when you have finished formatting and adding content, but also as you go along.

If you save the result using ‘Save as template’, you will find it under ‘Saved templates’ in step 3 of your next campaign. To find out whether this overwrites the original or creates a new template, read [Saving and copying an edited template](/ik-heb-een-sjabloon-aangepast-hoe-sla-ik-die-op).

## Working with a custom template of the Joe type

If you use a custom template of the Joe type, you do not work in the drag & drop editor, but in a dedicated editor. In this editor, you place blocks between a fixed header and footer. You can read how this works in [Using the Joe editor](/hoe-werkt-onze-joe-editor) and, for a template that still uses the old editor, in [Legacy Joe editor](/hoe-werkt-de-editor-bij-een-joe-verouderd).

## Related articles

#### [Choosing a template in step 3](/stap-3-kies-een-sjabloon)

In step 3, you choose a template with the layout, fonts and colours for your newsletter.

#### [Building your newsletter in the editor](/hoe-maak-ik-een-goede-nieuwsbrief-in-de-drag-drop-editor)

Determine the structure using blocks, configure your global design, and adjust the…

#### [Working with the legacy Joe editor](/hoe-werkt-de-editor-bij-een-joe-verouderd)

Place, fill and move blocks in your custom Joe template and read what you can edit…

#### [Configuring text formatting in your newsletter](/de-opmaak-en-vormgeving-van-tekst)

Set the default formatting for your text via Global design and adjust individual blocks…