> ## 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 add a popup to your custom website?

# Step 1 - Embed Code of Popup

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".


![Create Embed Code Popup](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/create-embed-code-popup_1ub6iff.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! 


![Embed Code Subscribe To Our Newsletter](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/embed-code-subscribe-to-our-ne_1iep4le.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 the embed code Popup Maker](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/copy-embed-code_1syatz8.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.)



![Custom popup paste the code](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/custom-popup-paste-the-code_1utwf4y.jpg)

# Step 4 - The Result

Now, you can see the popup in your website.


![Popup Maker Custom Popup Result](https://storage.crisp.chat/users/helpdesk/website/827841c5a93da800/custom-popup-result_fagoa.jpg)


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