# Form Section

In the IB registration form, you can create sections to organize and clarify the form for better usability.

### <mark style="color:red;">Creating Form Sections</mark>

To create a form section, follow these steps:&#x20;

{% tabs %}
{% tab title="Step 1" %}
Click on the Settings Icon.

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FRMpTNP6ppNnSr3GrtuMd%2Fimage.png?alt=media&#x26;token=4a4b4dda-90b2-4a2b-8b74-458d9b6b02c5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 2" %}

1. Select "Add Option".\
   ![](https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FGMqj7jHFGPtgbb10pAQ5%2Fimage.png?alt=media\&token=af69dbe6-4ab0-46ad-a61f-484841f9741e)
2. Enter the section name in the respective languages.
3. Click "Save".\
   ![](https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FONqogqkBDPp9z1pmHsRI%2Fimage.png?alt=media\&token=1cbc08a1-dac2-4b73-9884-3327ccb4f479)
   {% endtab %}

{% tab title="Step 3" %}
The new form section will be created, and a tab will be displayed, representing the new section.

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FSXoHCZkwRbvRw7R910t6%2Fimage.png?alt=media&#x26;token=42b211ad-8f04-4163-92a2-574e2ffecf81" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## <mark style="color:red;">Editing Form Sections</mark>

To edit a form section, follow these steps:&#x20;

{% tabs %}
{% tab title="Step 1" %}
Click on the Settings Icon.

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FRMpTNP6ppNnSr3GrtuMd%2Fimage.png?alt=media&#x26;token=4a4b4dda-90b2-4a2b-8b74-458d9b6b02c5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 2" %}

1. Locate the form section you want to edit and click on the Edit Icon.<br>

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FCzelMckbY6Sa48Hz11Es%2Fimage.png?alt=media&#x26;token=c695e35a-3520-436b-b21e-ec12c9a4720a" alt="" width="469"><figcaption></figcaption></figure>
2. Make the necessary amendments to the section.
3. Click "Save" to save the changes.<br>

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FEO49XSZ9xdK6rMTd6SfF%2Fimage.png?alt=media&#x26;token=9e20f844-2c80-47a9-bea2-f489cb395c32" alt="" width="331"><figcaption></figcaption></figure>

{% endtab %}
{% endtabs %}

### <mark style="color:red;">Deleting Form Sections</mark>

To delete a form section, follow these steps:&#x20;

{% tabs %}
{% tab title="Step 1" %}
Click on the Settings Icon.

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FRMpTNP6ppNnSr3GrtuMd%2Fimage.png?alt=media&#x26;token=4a4b4dda-90b2-4a2b-8b74-458d9b6b02c5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 2" %}

1. Locate the form section you want to delete and click on the Delete Icon.<br>

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FUSQF0Y3upuawK1LFeXWQ%2Fimage.png?alt=media&#x26;token=62330f26-0826-494b-b03a-d786e9c5c702" alt="" width="471"><figcaption></figcaption></figure>
2. A popup notice will appear.
3. Click "Confirm" to proceed with the deletion.<br>

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FDIlAPcWc4CE3NCQxORem%2Fimage.png?alt=media&#x26;token=10ba8d1f-b70d-42b4-b10d-58e54b73d2bd" alt="" width="374"><figcaption></figcaption></figure>

{% endtab %}
{% endtabs %}

### <mark style="color:red;">Sorting Form Sections</mark>

To sort form sections, follow these steps:&#x20;

{% tabs %}
{% tab title="Step 1" %}
Click on the Settings Icon.

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FRMpTNP6ppNnSr3GrtuMd%2Fimage.png?alt=media&#x26;token=4a4b4dda-90b2-4a2b-8b74-458d9b6b02c5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 2" %}

1. Locate the form section you want to rearrange.
2. Click and drag the form section to the desired location.
3. Release the mouse button to let go of the form section at the correct position.

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2Fbdr4vOeb28uLz4QrILSY%2Fimage.png?alt=media&#x26;token=2e86c7f2-32b3-404b-a4e7-712098372c61" alt="" width="452"><figcaption></figcaption></figure>

{% endtab %}
{% endtabs %}

### <mark style="color:red;">Creating Fields for Form Section</mark>

To add fields to a form section, follow these steps:

1. Navigate to the desired form section where you want to include the new fields.<br>

   <figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FhBIWXLVLMIUwgDLxqsUl%2Fimage.png?alt=media&#x26;token=afd3781f-9a72-406e-b6cd-5d21fac356b8" alt=""><figcaption></figcaption></figure>
2. Click on "New Field" to begin the process of adding a field.
3. Follow the steps provided in this section [creating-new-fields](https://reference-guide.gitbook.io/crm-back-office-user-guide-full/crm-back-office-user-guide-full-cn/17.-settings/client-portal-login-registration-settings/registration-form/creating-new-fields "mention")&#x20;

### <mark style="color:red;">Application</mark>

Once you have configured the registration form section and its respective fields, clients will have the convenience of viewing the form in segmented sections. This ensures that the form is presented to them in an organized and easily navigable manner, allowing them to provide the required information efficiently and effectively.&#x20;

<figure><img src="https://1412218885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjte3ihj30mTFvqCasyX%2Fuploads%2FUhquQK2yFjBS3Mp0VGkt%2Fimage.png?alt=media&#x26;token=61ededaf-042e-48ec-a78d-92e64b3dd769" alt="" width="563"><figcaption></figcaption></figure>
