> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor slepen en neerzetten

> Editor slepen en neerzetten

![Editor slepen en neerzetten -screenshot][img1]

Bij de stap **Inhoud** kunt u het uiterlijk en de inhoud van het bericht bewerken.

* U kunt [tekst en afbeeldingen][1] (en andere inhoud) invoegen in de kolommen en rijen van het bericht.

* U kunt indeling/layout (zoals lettertype en grootte, kleuren en marges) definiëren op algemeen niveau (het hele bericht) of voor afzonderlijke secties.

* U kunt inhoud eenvoudig slepen en neerzetten vanuit het zijpaneel (menu's, buttons, SoMe-links, HTML-inhoud en kop- en voettekstblokken).

SuperOffice Marketing wordt geleverd met verschillende [kant-en-klare berichtsjablonen][9] en u kunt inhoud makkelijk verplaatsen om een eigen uiterlijk te creëren. Sla veelgebruikte inhoud op als blokken om tijd te besparen.

<Tip>
  Voor mailings bevelen we een maximale breedte van 600 pixels aan. U kunt ook controleren hoe de mailing eruit zal zien, bijvoorbeeld op smartphones, door te klikken op **Mobiel** (<i class="ph ph-device-mobile" aria-hidden="true" />) in het menu in de linkerbenedenhoek. Zie ook [Het bericht aanpassen voor weergave op mobiele apparaten][3].
</Tip>

## Kolommen en blokken/secties bewerken

Wanneer u op een sectie klikt (zoals kolom, inhoudsvak, rij), worden er knoppen met bewerkingsopties weergegeven. In het zijpaneel worden alle bewerkingsopties voor de geselecteerde sectie weergegeven.

Er wordt een blauw kader weergegeven rond het geselecteerde element, zodat u altijd weet welk deel van het bericht u bewerkt.

Als u op tekstinhoud klikt, wordt een werkbalk voor tekstbewerking weergegeven.

Het algemene menu wordt altijd linksonder in het inhoudsgebied weergegeven.

## Tekst en afbeeldingen bewerken

[Bewerk tekst][5],[voeg afbeeldingen in][6] en voeg andere inhoud toe door op een sectie in het bericht te klikken. Gebruik de werkbalk voor tekstbewerking en het zijpaneel om de geselecteerde sectie te bewerken.

## Nieuwe inhoud invoegen

In het zijpaneel kunt u elementen uit de sectie **Inhoud** naar het bericht slepen en neerzetten. U kunt ook op **+** of onder een rij klikken om een nieuwe rij in te voegen.

## Inhoud verplaatsen, kopiëren en verwijderen

U kunt een sectie selecteren en de knoppen gebruiken om deze te verplaatsen (<i class="ph ph-arrows-out-cardinal" aria-label="Arrows out (move)" />), te dupliceren (<i class="ph ph-copy" aria-label="Copy" />) en te verwijderen (<i class="ph ph-trash" aria-label="Delete icon" />).

## Indeling en layout bewerken

De weergave en eigenschappen van het bericht (zoals lettertype en -grootte, kleuren en marges) kunnen worden gedefinieerd op algemeen niveau (het hele bericht) of per sectie (zoals hierboven beschreven).

Als u het bericht op algemeen niveau wilt bewerken, selecteert u **Hoofdtekst** in het zijpaneel.

Bij het opstellen van uw e-mail is het gemakkelijk om details over het hoofd te zien, zoals een vergeten preheader of een lege link. Het **Audit**-sectie markeert deze problemen, zodat u ze direct kunt bekijken en oplossen.

Als u bijvoorbeeld een waarschuwing ziet voor ontbrekende preheader-tekst, ga dan naar **Hoofdtekst** en zoek de sectie **E-mailinstellingen** om deze informatie toe te voegen. De preheader-tekst verschijnt direct na de onderwerpregel in de inbox van de ontvanger en vormt een klein maar krachtig onderdeel van de eerste indruk van uw e-mail.

![Marketing - Audit-sectie voor controle van e-mailinstellingen -screenshot][img12]

## Zijpaneel

Het zijpaneel bevat de volgende hoofdsecties:

|      Pictogram      | Naam         | Functie                                                                                                                                                                                                                                                                                         |
| :-----------------: | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![pictogram][img21] | Inhoud       | Deze sectie bevat verschillende inhoudstypen, zoals kolommen, tekstsecties, afbeeldingen, menu's/buttons en SoMe-links. Inhoud van deze sectie naar het bericht slepen en neerzetten. [Klik op de inhoud om deze][5] in het zijpaneel te bewerken.                                              |
| ![pictogram][img22] | Blokken      | Deze sectie bevat opgeslagen inhoudsblokken zoals kop- en voetteksten. Inhoud van deze sectie naar het bericht slepen en neerzetten.<br />Als u een inhoudsblok wilt opslaan, klikt u op een rij en selecteert u **Blok opslaan** <i class="ph ph-floppy-disk-back" aria-label="Save block" />. |
| ![pictogram][img23] | Hoofdtekst   | In deze sectie kunt u de algemene eigenschappen en layout voor het bericht bewerken.<br />Als u specifieke eigenschappen hebt gedefinieerd voor afzonderlijke secties, worden die niet overschreven door de algemene eigenschappen.                                                             |
| ![pictogram][img24] | Afbeeldingen | In deze sectie vindt u miljoenen [afbeeldingen om te gebruiken in uw mailing][6]. Inhoud van deze sectie naar het bericht slepen en neerzetten.                                                                                                                                                 |
|    ![icon][img25]   | Audit        | In deze sectie kunt u zoeken naar problemen in uw ontwerp en inhoud.                                                                                                                                                                                                                            |

<Note>
  Als de sectie **Afbeeldingen** niet zichtbaar is, kan deze voorkeur zijn uitgeschakeld vanwege organisatorische privacyregels.
</Note>

Zie ook [Inhoud toevoegen][1].

## Algemeen menu

In het algemene menu kunt u acties bekijken, ongedaan maken of herhalen en zien hoe het bericht eruitziet op desktop of mobiel. Dit menu wordt altijd linksonder in het inhoudsgebied weergegeven.

|                                                      Pictogram                                                     | Naam                                                         | Functie                                                                           |
| :----------------------------------------------------------------------------------------------------------------: | ------------------------------------------------------------ | --------------------------------------------------------------------------------- |
| <i class="ph ph-arrow-counter-clockwise" aria-label="Undo" /><i class="ph ph-arrow-clockwise" aria-label="Redo" /> | Ongedaan maken/Opnieuw doen                                  | Maakt de laatste actie ongedaan of voert een ongedaan gemaakte actie opnieuw uit. |
|                                    <i class="ph ph-eye" aria-label="Preview" />                                    | Afdrukvoorbeeld                                              | Opent een voorbeeld van het bericht op een desktop of mobiel scherm.              |
|    <i class="ph ph-monitor" aria-label="Desktop" />, <i class="ph ph-device-mobile" aria-label="Mobile icon" />    | Weergeven in-/uitschakelen voor desktop of mobiele apparaten | Gebruikt om het uiterlijk op een desktop of smartphone te zien.                   |

## Contextmenu

Wanneer u op een sectie in een bericht klikt, krijgt u toegang tot verschillende functies voor de sectie.

|                                Pictogram                               | Naam             | Functie                                                                                                                    |
| :--------------------------------------------------------------------: | ---------------- | -------------------------------------------------------------------------------------------------------------------------- |
|                <i class="ph ph-plus" aria-label="Add" />               | Voeg een rij toe | Voegt een rij toe onder of boven de geselecteerde sectie.                                                                  |
| <i class="ph ph-arrows-out-cardinal" aria-label="Arrows out (move)" /> | Verplaatsen      | Klik en sleep om de sectie te verplaatsen.                                                                                 |
|           <i class="ph ph-trash" aria-label="Delete icon" />           | Verwijderen      | Verwijdert de sectie.                                                                                                      |
|               <i class="ph ph-copy" aria-label="Copy" />               | Duplicaat        | Maakt een kopie van de selectie.                                                                                           |
|      <i class="ph ph-floppy-disk-back" aria-label="Save block" />      | Blok opslaan     | Slaat de geselecteerde sectie op als een blok. Laat u inhoud (zoals kop- en voetteksten) opnieuw gebruiken voor berichten. |

<h2 id="variables">
  Sjabloonvariabelen
</h2>

Als u het bericht een persoonlijker tintje wilt geven, kunt u tijdelijke aanduidingen gebruiken om klantspecifieke informatie in te voegen, zoals de voornaam van de klant. Op deze manier kunt u de inhoud voor elke afzonderlijke klant aanpassen.

Deze tijdelijke aanduidingen worden **sjabloonvariabelen** genoemd in de oude editor en **voegen tags samen** in de editor voor slepen en neerzetten.

Typen variabelen:

* Variabelen die zijn gekoppeld aan personen. Bijvoorbeeld **\[\[customer.name]]** voegt de volledige naam van de contactpersoon in.
* Variabelen die zijn gekoppeld aan bedrijven. Bijvoorbeeld **\[\[company.name]]** voegt de naam in van het bedrijf waartoe de contactpersoon behoort.

### Voorbeeld

In plaats van deze tekst:

"Beste klant. Wilt u meer weten over hoe ons product uw bedrijf kan helpen nieuwe klanten te krijgen? Bel ons bij SuperShop."

U kunt de volgende tekst verzenden:

"Beste Chris. Wilt u meer weten over hoe ons product Car Care Ltd kan helpen nieuwe klanten te winnen? Bel Jan Weber bij SuperShop."

De ingevoerde tekst ziet er als volgt uit:

"Beste **\[\[customer.firstname]]**. Wilt u meer weten over hoe ons product **\[\[company.name]]** kan helpen nieuwe klanten te winnen? Bel **\[\[company.ourSalesContact.name]]** op SuperShop."

[3]: ../../learn/best-practices#mobile

[9]: ../../learn/message-templates

[1]: ./add-content

[5]: ./edit-paragraph

[6]: ./insert-images-in-message

[img1]: ../../../../media/loc/en/marketing/edit-template.png

[img21]: ../../../../media/icons/marketing-and-forms/side-panel-content.png

[img22]: ../../../../media/icons/marketing-and-forms/side-panel-blocks.png

[img23]: ../../../../media/icons/marketing-and-forms/side-panel-body.png

[img24]: ../../../../media/icons/marketing-and-forms/side-panel-images.png

[img25]: ../../../../media/icons/marketing-and-forms/side-panel-audit.png

[img12]: ../../../../media/loc/en/marketing/content-audit-missing-preheader.png


## Related topics

- [Inhoud toevoegen](/nl/marketing/editor/learn/add-content.md)
- [Inhoud bewerken](/nl/marketing/editor/learn/edit-paragraph.md)
- [Links opnemen die u wilt traceren](/nl/marketing/editor/learn/add-tracked-link-to-msg.md)
- [Variabelen gebruiken in berichten](/nl/marketing/editor/learn/add-merge-tag.md)
- [Afbeeldingen in het bericht invoegen](/nl/marketing/editor/learn/insert-images-in-message.md)