> 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/web-push/integration-script/subscription-form/subscription-form-creator.md).

# Subscription form creator

There are two types of templates of subscription form at your disposal: default and custom subscription form.&#x20;

\
The custom template can be enriched with advanced graphic options, including choosing a font, background color, border, size, and animation of pop-up appearance on the page.&#x20;

![](/files/rj5SeGhWkPrGubL3F90u)

**Custom subscription form options**

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

* Header

Add a title to your pop-up and choose the color, font type, size, and alignment for it.

<figure><img src="/files/00Ywou1cpnDXJ4Gnlg6c" alt=""><figcaption></figcaption></figure>

* Description

Add content to your form using the same options as in the Header section.

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

* Buttons

This option allows you to specify the appearance of action buttons on the sign-up form. You can adjust shape, color, and the effect appearing when a user hovers over a button.

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

* Image

Add graphics that appear next to the text, manage its size, placement, and vertical position of the graphics.&#x20;

![](/files/wT3Y1OlgHqpExOnbHZA1)

* Form style

Specify the size and shape of the form, background color, placement on the page, animation and spaces between content and buttons.

![](/files/XDw9ogoPmGLQhknpB0Bw)

* Backdrop

The appearance of the sign-up form on the page may be accompanied by a darkening of the site's background - to do this, select the "color" option in the backdrop section. For a more subtle approach, select the "Shadow" option. You can also display the form without changing the background.

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

* Show on mobile

This step allows you to enable the sign-up form on mobile devices. You can also choose to hide the sign-up form on mobile devices and display it only on desktops and tablets.

![](/files/LTEfdgC31fWCVYTbYXx8)

You can check the result of your work in the window on the right side or by clicking the "Full desktop preview" button.

![](/files/hLvitp8aVJiSi49smXX3)
