> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popupmaker.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 attach a popup to your website?

# Step 1 - Popup's Embed Code

After you have created your popup, you need to attach it to the website where you wish to display it.
In your Dashboard choose the popup you need, click on the option "Embed code".


![Attach a popup with embed code](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/attach-a-popup-embed-code_wlzdru.jpg)

Or, you can get your popup's embed code right from your popup's options.
Click Embed code=> Get embed code and the code will be copied - ready to be used in your site! 


![Copy embed code to attach a popup](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/copy-embed-code-to-attach-a-po_azsd6m.png)

# Step 2 - Copy the Embed Code

A window will open with the embed code. Click "Copy to Clipboard" and the code will be copied


![Copy embed code to clipboard](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/copy-embed-code-to-clipboard_l73yt6.png)

# Step 3 - Paste The Code

Now that the embed code is copied, you can paste it in your website's HTML.
${color}[#ff0004](Note: Do not touch any element inside the code.)


![Paste the code to attach a popup](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/paste-the-code-to-attach-a-pop_1a1lvf2.jpg)

# Step 4 - The Result

Now, you can see the popup in your website.


![Attach a popup result](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/attach-a-popup-result_1lgvcnu.jpg)


| Check the following video tutorial for detailed steps: ${youtube}[How to add popup on custom Website HTML page?](GyhsgtzMvz8)