# How to Create a New Popup Template from Scratch

> Create a popup from scratch with the Phox Popup Builder: add a new popup template in the Theme Builder and design it with Elementor.

Source: https://phox.wdes.org/docs/how-to-create-a-new-popup-template-from-scratch/
Last updated: 2023-02-07

Phox Popup Builder allows you to create and add popups to the pages. In order to make changes in the stylization of the created popups, you don’t need to dig into even a piece of code. All changes can be applied effortlessly using multiple style settings.

### Creating a new popup

1. Navigate to the **Phox** > **Theme Builder** section in your WordPress Dashboard. ![popup overview](https://phox.wdes.org/docs/assets/popup-overview.CKD5-IXu_Z1a16bb.webp)
2. Choose **Popup > Add new** ![popup add new](https://phox.wdes.org/docs/assets/popup-add-new.1fx2HYKc_2avR36.webp)
3. Provide a new popup with the title and click **Create Template** button. After that, the Elementor editor will open automatically. ![popup create](https://phox.wdes.org/docs/assets/popup-create.DjDC9Yrv_1rCcI4.webp)
4. Feel free to use versatile widgets and settings to make your popup eye-catching. ![popup preview](https://phox.wdes.org/docs/assets/popup-preview.DS6nCAUS_293hNa.webp)
5. Afterward, click the Settings icon on the left bottom ![popup settings](https://phox.wdes.org/docs/assets/popup-settings.Bwsdvpv8_ZuTBvN.webp)
6. proceed to the Settings block > Conditions, and set the needed display conditions for the popup. You can define the specific pages where you want to show the popup, There are three available conditions
7. proceed to the Settings block > Settings, there are multiple options
8. After you have applied all the needed settings, click the Publish button to save a new popup.