> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/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 Import Gallery from Other Apps Through HTML Code

${youtube}[](1MaiC8JlZAQ?si=a2cVz7USf_gB3CMf)

### Step 1: **Visit the web page where you have the existing gallery.
**Step 2: **Inspect the gallery, and you can see the HTML code looks like:**
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/inspect-the-existing-gallery-t_1agfkkg.png)

### Step 3: **Copy the HTML code from your gallery.**
* Hover over the gallery div to ensure you receive the correct HTML code.
* Click on the right button on the gallery div.
* Hover on the “Copy > Copy Elements”
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/copy-the-html-block-from-the-e_1fq3rpq.png)

### Step 4: **Paste the code into the Essential Grid Gallery’s HTML field.**
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/paste-the-html-code-into-essen_13eifm9.png)
### Step 5: **Click on the “Extract Images” button to import any gallery to the Essential Grid Gallery.**