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

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

![](/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)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.pushpushgo.company/web-push/integration-script/subscription-form/subscription-form-creator.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.