> 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="/files/b73JDtJLTYgHQBwNPN6Q" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/gUpLtZDLvGsnBlI3PNGH" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/lIXsVS9CO1vxkygtc7hp" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/R20yrBB24mGvS17PxFEO" 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="/files/YnM1EhkIw0hSP3NGjirw" 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="/files/buNOgX8zfqIvQonqRwUM" 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="/files/IKnnnFRxH2DCaY8IxxRQ" alt=""><figcaption></figcaption></figure>

Once you are done, hit Create pop-up.

<figure><img src="/files/9c7cJetCrJeIVTj8km75" 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="/files/7Ol8mIMhDs9cvxUYpbe5" alt=""><figcaption></figcaption></figure>
