# Create & Edit Forms

This is an overview of the form builder section of your CRM. You can create fully customized forms for new lead funnels, signup pages and calendar scheduling!

{% hint style="warning" %}
Depending on your user permissions, you may not have access to all of the components.
{% endhint %}

## Different Tabs

You have three different tabs to navigate between when creating and editing forms:

* [Fields](https://asads-organization-2.gitbook.io/knowledge-base-main/surveys/builder/create-and-edit-surveys/fields-tab) - This tab allows you to add new fields and components to your form. Click here to learn more about the fields tab:
* [Styles](https://asads-organization-2.gitbook.io/knowledge-base-main/surveys/builder/create-and-edit-surveys/styles-tab) - Here you can change the look and feel of your form. Click here to learn more about the styles tab:
* [Options](https://asads-organization-2.gitbook.io/knowledge-base-main/forms/builder/create-and-edit-forms/options-tab) - Where you change components like name and tracking data. Click here to learn more about the options tab:

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FcZ0vOb6cBmrkg9uOYxMr%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-2f606e3f22d4fb9be81c79b2c1a71b3655ec29b7_sites%20-%20forms%20-%20builder%20-%20create%20and%20edit%20-%20tabs.png?alt=media&#x26;token=f3bb02ba-2f6c-4e00-bb75-bf00978a9267" alt=""><figcaption></figcaption></figure>

## Integrate Form

You can embed your form onto your webpage, or use a custom form link where visitors can access the form.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FFrOl4fPEi3mSdOZl62mY%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-a547197cbab05c264931a2c753f280e51a3f7eee_sites%20-%20forms%20-%20builder%20-%20create%20and%20edit%20-%20integrate.png?alt=media&#x26;token=0bd292a6-a58e-49bd-8179-72f5f9c5396a" alt=""><figcaption></figcaption></figure>

### External Embed Layout Options for forms

When the user clicks on "Integrate form" tab, the following screen is shown. There are 4 types of layout user can select for the form. These options gives the ability for a user to create a form based on how a user would like the form to appear on the screen.

1. [Sticky Sidebar](https://asads-organization-2.gitbook.io/knowledge-base-main/forms/builder/create-and-edit-forms)
2. [Polite slide-in](https://asads-organization-2.gitbook.io/knowledge-base-main/forms/builder/create-and-edit-forms)
3. [Popup](https://asads-organization-2.gitbook.io/knowledge-base-main/forms/builder/create-and-edit-forms)
4. [Inline](https://asads-organization-2.gitbook.io/knowledge-base-main/forms/builder/create-and-edit-forms)

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FgbkvZ93b9b8rTErEs3Ng%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-6a7312faf7257da0ecd7b090ea6787bdbd3ce077_1.2%20External%20Embed%20Layout%20Options.png?alt=media&#x26;token=600d24bb-6f7b-4725-a83b-b2dd0b3a771a" alt=""><figcaption></figcaption></figure>

### 1.  Sticky Sidebar

A Sticky sidebar will appear on the side of the screen. User can choose for the sidebar to appear either in a right side or a left side of the screen. The sidebar can also be minimized and a user has a preference to choose weather they would like the sidebar to be minimized or not. to set the preference to minimize or not, a user can use the checkbox shown in the image below the sticky sidebar (see the image below). A user can also give a specific title for the sidebar to show when the sidebar is minimized.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FwanhCFIFr0yx2bLSvVO1%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-35884c475b6c571a0fef95005cd7450646c813d1_2.1%20Sticky%20Sidebar.png?alt=media&#x26;token=07dcfa2e-3324-4819-b9b8-a9ec2bac5ed0" alt=""><figcaption></figcaption></figure>

### 2.  Polite Slide-In

Polite slide-in appears on the bottom of the screen. A user can select either right or left side of the screen for the form to appear. Slide in forms stay for a limited time on the website, once the user is done, it disappears and gives a user a free space to scroll through the website. Just like sticky sidebar type of form, it is possible to allow for the form to be able to minimize it or not.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FDrZkjFlXhwmYq2Rx0RGb%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-6680d066b7149eed9998667574d50b3e6a7ae198_3.%20Polite%20Slide%20in.png?alt=media&#x26;token=375b4100-ea52-4369-aa64-d8da0da582e5" alt=""><figcaption></figcaption></figure>

### 3.  Popup

Pop-up forms are used to collect visitors information on the website. this type of forms can be closed when they appear on the screen but it can not be minimized.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FfHpcZh5XqPni2org1IWz%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-0ed4c4cf9aead9ec4a929d339bb58614a8bc3e2b_4.%20Popup.png?alt=media&#x26;token=d3dc3035-3f01-47d2-b5d4-5c485508af14" alt=""><figcaption></figcaption></figure>

### 4.  Inline

In an inline form, all of the elements are inline, left-aligned, and the labels are alongside. This type of form appears along with the content of the page. Sticky sidebar and slide-in forms can either be closed or minimized but Inline forms cannot be closed or minimized.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F4CPc0Umf7OQwSiNvQ4ad%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-56433f10f7d0a623cda0b8172abf99642a2c2836_5.%20Inline.png?alt=media&#x26;token=a5867d3c-a2a3-4b28-b5ff-a46cd473fcdf" alt=""><figcaption></figcaption></figure>

### Trigger Type

With trigger types, User has a power to control when and how the form is shown on an external page. There are three different ways a user can set the trigger.

**Show on Scrolling** - The form will be shown based on how much a user has scrolled on the website page.

**Show after \_ seconds** - The form will appear when the visitor has spent the set amount of time. You can set the seconds in the box as per your objective.

**Always show** - This will allow the form to appear as soon as the visitor is landed on the website.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F629MBzAEGm9tdLSwHfBJ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-8f81486f817f7f5d8af1decf04876d302f854750_6.webp?alt=media&#x26;token=bc7fe7b5-f3d4-49a5-8b92-c5d527534cf4" alt=""><figcaption></figcaption></figure>

### Activation Options

Here you can set how the form would be activated.

**Activate on \_ visit** - If user visits is your criteria for the form to appear then you can set for the form to appear when a visitor has came to your page for the second time or the third time. This way the form has to be shown only starting from the Xth visit (depending on the number you have set)

**Always Activated** - As the name suggests, the form will stay activated no matter if a visitor has came on the page for the first time or he is a repeat visitor

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FnMOix5sge79q0pYhKGH3%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-17329091ed41d9b0661796f9a2e009d510626d9f_7.%20Activation%20Options.png?alt=media&#x26;token=e5ba176f-2a08-4761-aa12-1dea6843e9e5" alt=""><figcaption></figcaption></figure>

### Deactivation Options

Here you can set up the deactivation for a form.

**Deactivate after showing** \_ times - This form has to be disabled after showing for x number of times. We will have to use a cookie to track the form and the visits (Dev to confirm).

**Deactivate once lead is collected** - This form has to be disabled only after and once a lead is captured.

**Never deactivate** - This form is never deactivated once activated.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FAaHIFBa08FabciNTNgbZ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-bd450d88f1537acd06535c27b3ec331c69c5f431_8.%20Deactivation%20Options.png?alt=media&#x26;token=ec48e82a-2817-40cb-932a-0ace0111c129" alt=""><figcaption></figcaption></figure>

### Copy Embed Code

This gives you the ability to copy the embed code so you can paster it on an external page.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F9AYllgjjaD5gybGDe0v1%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-13909058c0b4807ba4ca6e4ae40abcd538e1dfc9_9.%20Copy%20Embed%20Code.png?alt=media&#x26;token=c4e324d6-44a4-4c28-971f-515774a1bf31" alt=""><figcaption></figcaption></figure>

### Copy Form Link

This is where you can get the unique link forthe form.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fpm5Zsg42Uhr35925qhPb%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-9c3fc67af8c2dbe01d7f3400e249b4e3d93d4fae_10.%20Copy%20Form%20Link.png?alt=media&#x26;token=e9bed5a9-ae54-4673-84eb-c030db0edd73" alt=""><figcaption></figcaption></figure>

### Open Form Link

With this option, you will get to see the form opened in a new tab.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F6NenRiubJ6IfwmApCRUl%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-0f2fc06a6b8e7eebbd87e394f266aa531e694e95_11.%20Open%20Form%20Link.png?alt=media&#x26;token=26ea8092-5612-40e8-a622-dbac0f5c1a0f" alt=""><figcaption></figcaption></figure>

### Save Form

Make sure you save all of your form progress! Don't worry, when you save you will remain in the form builder. It is just a good habit to save the form as you go.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fa98dBysvtt7hWmLvkiIW%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-4e547c52c475062a6b353ab4b9441d3f48c3074c_sites%20-%20forms%20-%20builder%20-%20create%20and%20edit%20-%20save%20form.png?alt=media&#x26;token=85d621ec-ad39-43a6-b7d9-16e7c481b02f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
![](https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F0cPNED19a0tCEuWrWa7h%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-cf51f0086862d8cfc8398f081572e0b8636bfd08_Start%20Help%20Guide%20Button.png?alt=media\&token=b3ea270a-f417-4f57-b6fa-61c39f0af755)\
Click the "**Start Help Guide**" button in this section of your CRM to start an interactive, guided tour and learn more about the components found in this section and how to use them!
{% endhint %}
