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

![](https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FnM2JzBa2CpNgGD2u1cRj%2FScreenshot_84.png?alt=media\&token=91db5297-1bd8-4541-98e5-36910079a983)

**Custom subscription form options**

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FXsYjLWsydRSNKHIzXn5i%2FScreenshot_85.png?alt=media&#x26;token=6e325415-8a58-480e-a0df-94c36856da9b" 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="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FfqaEC3E0PQyqLyFjPUq8%2FScreenshot_86.png?alt=media&#x26;token=30d9d0a4-3ceb-4315-b2f0-3fc0d92e0a48" alt=""><figcaption></figcaption></figure>

* Description

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

<figure><img src="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FhhV6QdZLqeDQ2ho2N1E6%2FScreenshot_87.png?alt=media&#x26;token=32c3bb1e-c830-4bdf-a888-4cfaaf4e86c2" 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="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2F0YMJ3x8BgTLjEUI7vQjq%2FScreenshot_88.png?alt=media&#x26;token=7d6fcebe-c2d3-4094-8f55-8c83b72b471c" alt=""><figcaption></figcaption></figure>

* Image

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

![](https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FjCQGij8eWuqP42msMYK6%2FScreenshot_90.png?alt=media\&token=9fec227a-b60c-49fc-8717-9136ccdee88a)

* Form style

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

![](https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FGykW72J0LROq6MOtgK1t%2FScreenshot_91.png?alt=media\&token=9356b64e-63a6-4ae6-b208-f728cc79e07e)

* 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="https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FFKYV6eeHWIOMrigBNuUf%2FScreenshot_92.png?alt=media&#x26;token=3d3a2f31-6f0f-4611-97ee-58d3415bfb7c" 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.

![](https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2FH6b18lUB3lkwqjB7iZd9%2FScreenshot_93.png?alt=media\&token=2a967bf8-5a39-414b-8e55-5eae392ac4da)

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

![](https://2886427578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_L2jrbLGTIbcnHMUrm%2Fuploads%2F6CSNPHHyldueHV5ysgmi%2FScreenshot_94.png?alt=media\&token=d7053363-e113-487d-8b23-ac5767b350c1)