# Inserting images into text fields

Images can currently only be inserted into text fields of CMS elements with a little "trick". We explain how this works in these instructions.

1. Open the administration of your shop
2. **Media Manager**
   1. Switch to the **Media Manager** via the main navigation ("Content" => "Shopping Experiences")
   2. Browse for the desired image
   3. Now copy the path to the image to the clipboard by clicking on "**Copy Link**" (1, 2)
3. **HTML code**
   * To insert the image as an HTML element in a text field, you must insert the path in a corresponding HTML code
   * Use the following example for this: `<img src="..." alt="...">`
     * Replace the ellipsis in the `src` tag with the image path
     * Replace the ellipsis in the tag `alt` with a short description of the image
4. **Shopping Experience Management**
   1. Switch to Shopping Experience Management via the main navigation ("Content" => "Shopping Experiences")
   2. Open the desired CMS layout
   3. Click on the ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-2cd65e87cf2b69011c0980e0bf2cab9d000296b4%2Ficon-cog.png?alt=media) "gear" icon to configure the desired CMS element
   4. The pop-up "Element settings" will open
   5. Click on the ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FUjfs31yWYXvfbV8RtKea%2Fimage.png?alt=media\&token=fcc315d6-02b3-4057-9e96-594f5ce06e5c) "code" icon to switch to HTML mode (3)
   6. Insert the HTML code created above at the desired position
   7. Wait a moment until the HTML Sanitizer of Shopware 6 has checked the code
   8. Save your changes

You have now inserted an image into a text field.

#### Screenshots

<div><figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FTEB0z77099y5H9RsMvvM%2Fimage.png?alt=media&#x26;token=0ca15bf3-1a0a-4459-91fa-e66871c41de1" alt=""><figcaption></figcaption></figure> <figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fpw8zL13GKWv0JeUKdDfv%2Fimage.png?alt=media&#x26;token=cf5752bc-e5b4-4f2a-a3c6-a06834561c71" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Note**: If an image is missing in the Storefront, the path to the image has probably changed (e.g. by renaming or moving it). Just correct the path by repeating the above steps.
{% endhint %}

#### Code example

```
<img src="..." alt="...">
```

***

## Further information

You can find more information about inserting HTML code and the Shopware 6 HTML Sanitizer in the following article:

{% content-ref url="../../../basic-knowledge/html-code" %}
[html-code](https://knowledge.themeware.design/knowledge-base/basic-knowledge/html-code)
{% endcontent-ref %}