* **Preview**\
This option allows you to preview the created content. You can preview the **Subject line**, **Preview text**, **Sender Name**, **From email address**, and **Reply-to email address**. 
# Properties Panel
The properties panel is divided into the following sections:
* [CONTENT](/user-guide/campaigns-and-channels/email/create/create-content-with-the-drag-and-drop-editor#content)
* [ROWS](/user-guide/campaigns-and-channels/email/create/create-content-with-the-drag-and-drop-editor#rows)
* [SETTINGS](https://moengage-user-guide.mintlify.app/user-guide/campaigns-and-channels/email/create/create-content-with-the-drag-and-drop-editor#settings)
# CONTENT
The **CONTENT** tab allows you to choose a new content element and add it to your message. Drag and drop a content element (a button, an image, a text tile, a transparent or solid divider, social media sharing) in the message area on the left.
## TEXT
## 
If you click inside a text content tile, the text editor toolbar appears directly on the editing stage. It gives you access to a number of text editing tools: font family, font size, basic formatting, text alignment, numbered and non-numbered bullets, font color, links.
The 'Insert link' pop-up window is displayed which allows the user to give the link details:
### Add Personalized Links
Personalized links can be added using the More >> Links. This will open a pop-up window where the user can access and select from a list of personalized attributes (User profile attributes and Event attributes).
## IMAGE
### How to Insert an Image?
Images can be inserted using the File manager. The editor includes a built-in file manager. The file manager is the component that you will use to browse, search, and select the images and documents that you wish to use in your email message. With the handy file manager you can:
* Browse, search, and sort existing files
* Switch between list and grid view
* Import new files
* Create new folders
* Preview and insert images into your message
### How Does It Look?
The file manager opens over the editor, covering the entire working area. This allows you to browse your files without worrying about your screen size or resolution.
The top section has actions and navigation helpers, with most of the space used to list your files and the information you need to work with them. By default, folders and images are shown in the *Grid view*. If you switch to *List view*, it will be used next time you open the File Manager. Here is an example of images within a folder, in the *Grid view*:
And here is the same folder, in the *List view*.
### How to Access It?
The file manager will load in several scenarios.
* When you click **Browse** in an image placeholder, which is displayed when you drag and drop an image content tile into a message. 
* When you click **Change image** in the image properties panel: 
* When you click **Link file** when working with images and buttons: 
### How to Upload Files?
The quickest way to upload a file into the file manager is to drag it from your computer to the file manager window, dropping it anywhere on the page.
You can also
* Browse and upload from your computer using the **Upload**.
* Import from an external application using the **Import** button (see more below), if this feature has been enabled.
* Search and import free stock photos using the **Search free photos** button, if this feature has been enabled.
Note that the maximum allowed file size that can be uploaded is 5 MB.
### How to Import Files from Other Applications
The ***Import*** feature allows you to connect external applications such as DropBox, Google Drive, Instagram, and more, and import your files.
### How to Browse or Search Files
To locate your desired image or document, browse your folders and order their content by *name*, *date*, *size* or *type* by clicking the sort labels on top of the list.
An arrow icon next to this labels means that this is the current filter, and its orientation shows the order, ascending or descending.
Too many files in the selected folder? Click the *lens* icon to run a search. Results are filtered on the fly. Mind that this search is performed only in the current folder, and not in your entire repository.
### How to Use Files?
When you move your cursor over a file or folder, that row will be highlighted and the available action icons will be shown on the right side:
* *Preview* for files
* *Delete* for both files and folders
If an action is momentary not available, you are notified by the tooltip text of the icon, such as when you try to delete a folder that contains files, because only empty folders can be deleted.
If you want to delete multiple files or folders, use the check boxes to select them, the delete action is shown on top of the list. Only elements that can be deleted will have a selectable check box.
### How to Organise Folders?
You can create the folder structure you prefer to organise your files. To add new folders, use the *Add folder* icon.
For your folder names you can use letters (upper and lower case), numbers, spaces, periods (.), hyphens (-), or underscores (\_).
To navigate to the parent folder, use the top breadcrumb. Clicking the home icon takes you to your root folder.
### How Does the Image Editor Work?
#### Edit Images
The email editor includes an image editor that allows you to crop, rotate, resize, apply filters/frames, add stickers to any image, without leaving the editor.
#### Accessing the Image Editor
When you select an image in the editor, the **Apply effects & more** button is displayed. Click it to have access to a tool that allows you to edit the image in a variety of ways.
The editor has a lot of cool features, from filters to resizing and cropping tools.
You can quickly and easily change the image size.
There are also a number of predefined filters that can help you very quickly change the look of the image.
## CONTENT BLOCK
The Content Block tile helps you to add plain text and HTML content blocks to your email content using the drag & drop method. For more information, refer to [Content Blocks](/user-guide/content/content-blocks/content-blocks).
To add a content block, perform the following steps:
1. Drag & drop the content block tile into your email content.
2. Click **Add/Edit Content Block**.
3. On the **Email Personalization** pop-up, search for the content block you want to add. When you add content blocks to an email campaign using the drag-and-drop method, MoEngage automatically updates the email content whenever you edit the source content block via the Content Block feature. However, if you want to add a content block without linking it to future edits, turn on the **Insert only the content of the content block** toggle. This action prevents automatic updates to the email content when you modify the original content block.
## DYNAMIC CONTENT
You can use the dynamic content tile to add a personalized image:
1. Select the dynamic content tile and click **Add Option**. 
2. Enter the details of the personalized image in the Personalized Content pop-up window. 
1. Enter the personalized attribute in the **Image Source URL** field.
2. Enter the target link in the **Target URL** field.
The HTML tile allows you to add your HTML code to an email message that you are designing with the editor.
### How to Add an HTML Code?
To add your code, drag an HTML content element into your message. It can be positioned alone, with other HTML content items, or mixed with other types of content.
The newly-inserted content tile displays some default placeholder text. Click it and the right-side property panel displays the HTML code editing pane. You will find some placeholder code inside the editing area:
Paste your HTML code or write it directly in the editing area. The system highlights your syntax and indent your code to make it more readable.
**Note**: Using your code may affect how the message is rendered in email clients, preventing it from adjusting to the screen size (that is, the "responsiveness" of the message). Make sure to use HTML that is email compliant and responsive.
### Which HTML Tags Are Allowed?
The HTML content will automatically correct some issues like HTML tags that are left open, and strip out code that cannot be used, such as script tags or iframe tags (this code tags are not allowed by the major part of email clients, can cause deliverability problems or security risks).
#### List of Allowed Tags
``, ``, ``, ``, ``, ``, ``, ``, ``, `