> ## 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.

# Insert images in the message

> Using carefully chosen images in your mailings can make a powerful impact on your results. You can upload your own images, or use one of the millions of images powered by Unsplash, Pexels, Pixabay in the online image library.

Create a stylish mailing using images. You can add images from the SuperOffice database, upload your own images, or use images from a royalty-free online image library.

After adding an image, you can add properties, such as a certain action, when the image is clicked on in the mailing

## How to set an image as background

1. Click a row in the message.
2. In the side-panel, scroll down to **Row properties** and **Background image**.
3. Click **Upload image**.
4. In the **Image library** window, follow one of the procedures below.

## Using an image from the SuperOffice database

1. Go to the **Content** screen in the mailing, or open a template for editing.

2. Select **Content** (![icon][img1]) in the side-panel.

3. Click and drag the **Image** block (![icon][img2]) to the relevant section in the message. You must now select the image to use.

4. Click the block in the message.

5. Click **Upload Image** in the side-panel.

6. In the **Image library** window, select one of the available images or click **Add** to [choose an image file on your PC][1].

7. Click the image in the message and make any necessary changes in the side-panel. Check that the image is correctly displayed and adjust as necessary.

   <Tip>
     For additional image editing options, click **Edit image**.
   </Tip>

8. (optional) [Add a tracked link][2] to the image. For example, if you are inserting a picture of a product you are launching, you can add a link to an information page for the product. You can create a new link or add an existing link.

   To add a regular link (untracked): Select the image, and enter the link in the **URL** field.

## Using an image in the online image library (royalty-free)

<Note>
  If the **Images** (![icon][img2]) section is not visible, this preference may have been disabled due to organizational privacy rules.
</Note>

Choose among millions of images from the royalty-free online image library.

![Insert image with drag and drop from the online image library -screenshot][img3]

1. Go to the **Content** screen in the mailing, or open a template for editing.

2. Select **Images** (![icon][img2]).

3. Enter search terms in the search field and press **ENTER**. Images matching your query are displayed.

4. Click and drag the image to the relevant section in the message.

5. Click the image in the message and make any necessary changes in the side-panel. Check that the image is correctly displayed and adjust as necessary.

   <Tip>
     For additional image editing options, click **Edit image**.
   </Tip>

6. (optional) [Add a tracked link][2] to the image. For example, if you are inserting a picture of a product you are launching, you can add a link to an information page for the product. You can create a new link or add an existing link.

   To add a regular link (untracked): Select the image, and enter the link in the **URL** field.

## Resize your image

The image you want to use for your mailing might not always be the correct size. In our mailing editor you can also resize your images or add effects to make sure the image is optimal for your mailing and brand design.

After you upload the image, you can see how it looks inside your email template. If you are not happy with the size, you can adjust the image size, or resolution

1. Click the **Edit image** button.

2. You are now in the Effect dialogue. The toolbar gives you a wide range of options to change and adjust your image.

   ![Click the Resize button to resize your image -screenshot][img6]

3. Click the **Resize** button (second from the left) to adjust the size of your image. You can change the width and height, choose to keep the aspect ratio, and choose to use percentages instead of pixels.

4. When you are happy with the new size of your image or you want to check how it looks in your email template after you have made your changes, click **Save**.

[1]: ../../learn/add-images

[2]: ./add-tracked-link-to-msg

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

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

[img3]: /media/loc/en/marketing/mailing-image-add-from-onlinelibrary.png

[img6]: /media/loc/en/marketing/edit-image.png


## Related topics

- [Add content](/en/marketing/editor/learn/add-content.md)
- [Reply to contact](/en/request/learn/reply.md)
- [Insert](/en/api/reference/restful/agent/databasetable_agent/insert.md)
- [Respond to requests on your mobile device](/en/mobile/request/respond.md)
- [Drag and drop editor](/en/marketing/editor/learn/index.md)
- [Compose email](/en/email/inbox/learn/compose.md)