> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.poptin.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to create a popup with custom shape background and with a transparent background on the sides?


1. Navigate to **Step 2 Design Edit ** and scroll down to **Background Design** within **Settings** .

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-06-06-at-31805_p02r5l.png)

2. Then click on the "Upload background Icon". Drag and drop your custom shape background image. Remember, that the image has to be in PNG format, and make sure that it has a transparent background.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-06-06-at-32124_rmqxfr.png)

3. After the image will be uploaded, change the transparency of the popup's background to 100%. You can see in the picture that I chose as my new shape background and changed the transparency to 100%.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-06-06-at-34039_1wpla43.png)

4. To make it looks perfect, you just need to click on shadow and turn "with shadows" off.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-06-06-at-34245_ndm9kk.png)

5. Afterward your result can look like this:

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-06-06-at-34442_n5o86e.png)

That's it! :) You can repeat the flow with any other shapes in PNG format.