> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/product-options/advanced-setup/how-to-upload-image-in-paragraph-pop-up-modal.md).

# How to upload image in paragraph / pop-up modal?

*You want to upload an image in your paragraph or pop-up modal option type. The result will look like the image below*

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F6hsvoiu9NgkbAYlcFo1u%2FScreenshot%20(4).png?alt=media&amp;token=65f4bf20-184e-486a-86e0-0bad1ce915ef" alt=""><figcaption></figcaption></figure>

#### Step by step guide to upload an image <a href="#id-3-step-by-step-guide-to-upload-an-image" id="id-3-step-by-step-guide-to-upload-an-image"></a>

1. Go to Paragraph, or pop-up modal option type, where you need to upload the image

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FaZB9piOG3MAfmHRTafh6%2FScreenshot%20(5).png?alt=media&amp;token=c41646db-e624-4a9c-a464-3575b4377326" alt=""><figcaption></figcaption></figure>

2. Click Insert > Image

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F6fKqbEDTffiKiAlH2pLT%2FScreenshot%20(6).png?alt=media&amp;token=5984b7fa-fdd8-45af-b4d4-35265654d80d" alt=""><figcaption></figcaption></figure>

3. Click the "Browse File" icon

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FeMrINLtlw1r1I5g78d5C%2FScreenshot%20(7).png?alt=media&amp;token=3a913e2d-26e9-4f1f-a05b-1624731a191f" alt=""><figcaption></figcaption></figure>

4. You can select an existing file from **Shopify files / Optis files** or upload a new image directly from your device -> then click **Done**.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FJnM2EXR9TATKeYSkdr4t%2FScreenshot%20(8).png?alt=media&amp;token=228dd5c1-f354-40d4-a3c3-f9887a679b2e" alt=""><figcaption></figcaption></figure>

5. You can also adjust the size. Then finally, click save.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FsHgvzB8iUriZvLqBRW9C%2FScreenshot%20(9).png?alt=media&amp;token=4924ea58-c602-449c-b370-c59f7329c77e" alt=""><figcaption></figcaption></figure>

6. You have the image upload successfully

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2Fcq40tA3AwI15Pj1sBuxU%2FScreenshot%20(10).png?alt=media&amp;token=68cda0bb-5ba1-4414-aeb4-f4b31d72d6e4" alt=""><figcaption></figcaption></figure>

<br>
