# Create Portal Form

## Description

This guide provides steps to create a new portal form for a program. This form will show up on the Self-Service Portal when the user selects a program to apply.

## Pre-requisites

The user must have a Program Manager role. See [Create User and Assign Role](https://docs.openg2p.org/1.0.0/guides/user-guides/assign-roles-to-users) guide.

## Steps

1. &#x20;Navigate to the *Website* using the menu bar.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2FAkjeUXAPLJuQGhwVARhj%2Fmenu-website.png?alt=media&#x26;token=ee388c91-ebe9-40e7-ad8d-a7d54ed4fc8a" alt=""><figcaption></figcaption></figure>

2. Click on *Go to Website* to navigate to the website home page.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2FKRPPVPJxSQ6jTL4bI5Cj%2Fgo-to-website.png?alt=media&#x26;token=e16643bf-5579-4407-ac55-62ca1f8d9c92" alt=""><figcaption></figcaption></figure>

3. Click on the + *New* button to create new form.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2FgpflMJPdR5zRrSmkcROm%2Fwebsite-home-page.png?alt=media&#x26;token=dfa2095b-c23a-4ef5-b6b6-c1aeda9cec0d" alt=""><figcaption></figcaption></figure>

4. Click on *Page* to create a form.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2FPHPFPIGVDKL5XJBQfplE%2Fpage-form.png?alt=media&#x26;token=0f4ce47a-a614-40ea-895c-f2166f9dc238" alt=""><figcaption></figcaption></figure>

5. Enter the page title and click on *Create* button under New Page pop-up window.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2FhqYdA69XGF1wZT0CGGdD%2Fnew-page.png?alt=media&#x26;token=0e4237b0-88b8-479a-a043-60461f2f47d7" alt=""><figcaption></figcaption></figure>

6. Drag and drop the *Form* in the *Dynamic Content* from the *BLOCKS* section.

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2F2LnzEo8EsQGm4kqJ7qm6%2Fdrag-and-drop.png?alt=media&#x26;token=30ddbbfa-3460-4673-904d-bb98e88db877" alt=""><figcaption></figcaption></figure>

7. Edit the form fields from the *STYLE* section.&#x20;

<figure><img src="https://1531528365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkdlCOLME2p03rS8nG8u%2Fuploads%2Faa2Sxig8yOeuM6RrE2Tv%2Ffield-section.png?alt=media&#x26;token=e48307ce-6c95-4312-aa6e-b92b42b3cfc6" alt=""><figcaption></figcaption></figure>

8. Add more form fields using *+Field* from the *STYLE* section.
9. Save the form using the *Save* button.
