> For the complete documentation index, see [llms.txt](https://docs.pushpushgo.company/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pushpushgo.company/pop-ups/create-a-pop-up.md).

# Create a pop-up

To create a pop-up, go to Pop-ups options from the main navigation bar.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2F8333wvlwW7vNiAqnlO95%2Fimage.png?alt=media&amp;token=32affd61-997d-48aa-9acb-25fd19a404f9" alt=""><figcaption></figcaption></figure>

You will land on [pop-up list](/pop-up-list.md).

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FjNT0ZsXVupmp6YmgD0WM%2Fimage.png?alt=media&amp;token=9aeef5de-ec6a-4e0e-acfb-68137aaa8a94" alt=""><figcaption></figcaption></figure>

Now, click on the **New pop-up** button in the upper right corner.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2F7s9aj75K2WxG2caUEaIh%2Fimage.png?alt=media&amp;token=d9fdda39-68d5-436e-ae06-e41f934ee3dd" alt=""><figcaption></figcaption></figure>

You will see eight pop-up templates that you can use.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FQWA00HTgnPd1Rm3WLm1s%2Fimage.png?alt=media&amp;token=4e7dac40-878b-4742-a5bc-7b571605f6fc" alt=""><figcaption></figcaption></figure>

Once you select a template, you can change the image, content, and buttons, but not the general shape or other elements inside the pop-up layout. As we develop this feature, we will add the option to create a layout from scratch, giving users more flexibility.&#x20;

Available templates reflect use cases that our web push customers reported as most needed. For example, you can use pop-ups to request unblocking web push notifications in Google Chrome, or adding your website to Home Screen (iOS). Others were designed for websites with purchase processes; to boost your conversions, save abandoned baskets, and require other actions from your users, like asking for reviews.&#x20;

After selecting the pop-up template for your use case, click on it to tweak its style and content. Start from naming your pop-up.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2Fac5J2v0x8AeKe3OxxXoR%2Fimage.png?alt=media&amp;token=2cbe8189-bc76-40f1-9e2f-c7ae36e18b93" alt=""><figcaption></figcaption></figure>

In this example, we can edit:

* layout (precise placement on your website)
* style (color, corner radius, border, font, close icon button, icon color and size, animation, drop shadow, overlay)
* title&#x20;
* description
* image (you can hide it on mobile devices)
* action (action type, including custom js)
* action&#x20;

Choose your audience.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2Fhdxai9NoV0Swb3Xm8bfX%2Fimage.png?alt=media&amp;token=f954debe-8f68-4e1e-8637-dce2f40c914c" alt=""><figcaption></figcaption></figure>

Now, you can select the trigger, display, and how many times the pop-up should appear to the same user.&#x20;

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FgHBfupYLHY1snjUeuQ3F%2Fimage.png?alt=media&amp;token=c3c734e0-6fb9-4d96-b0cc-78b033e611fb" alt=""><figcaption></figcaption></figure>

Once you are done, hit Create pop-up.

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FRtZL4JJ2OUMm0dyl7A1a%2Fimage.png?alt=media&amp;token=8544255d-1578-4aff-a7a7-2ab6644deab5" alt=""><figcaption></figcaption></figure>

The system will ask you to confirm whether the pop-up should be published immediately or only created.&#x20;

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FKP73J1TXqIgCX1MW8n3k%2Fimage.png?alt=media&amp;token=59b107a8-1364-4175-80a4-5a7e6fd6f803" alt=""><figcaption></figcaption></figure>
