# Sign Up Form

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FFCr2bOakb1tBmfx9VBMR%2Fsign-up-form-b.png?alt=media&#x26;token=536c5bf1-d7b2-48c7-aa4f-ae5e3e39a749" alt=""><figcaption><p>Signup Form</p></figcaption></figure>

## Logo, Title, and Background Image

Under the Features tab of block settings, you can add a logo to the block, change the title, as well as set a background image for the whole block.

## Signup Form

### Sign up with Google

If you enable this option, a **Sign up with Google** button will be added to the form, allowing your users to sign up with their Google Accounts.&#x20;

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FmiZ1r4pkdmozscg3r7j0%2Fgoogle-signup-b.png?alt=media&#x26;token=6c77a7b8-6ade-4b76-a273-efe080eb7658" alt=""><figcaption><p>Sign up with Google</p></figcaption></figure>

{% hint style="success" %}
To enable Google Signup, you first need to add your Google APP Client details in **Integrations => Google Sign In**. You can find instructions on getting the **Client ID** and **Client Secret** [here](https://softr.gitbook.io/softr-documentation/integrations/google-sign-in).
{% endhint %}

### Domain-based signup

Here, you can allow users to sign up only from specified domains. To do so, you need to add these domains inside the **Allowed domains** field. For instance, if you want only people with "softr.io" domains (e.g. <john@softr.io>) to sign up, you need to enter "softr.io" into **Allowed domains** and hit **Enter** (see below). You can add as many domains as needed.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F6m65Ou8vbvHnBDSaRk8x%2Fdomain-based-signup-b.png?alt=media&#x26;token=74fd22ae-af09-47c4-9bf5-ef1a7401cb43" alt=""><figcaption><p>Adding allowed domains</p></figcaption></figure>

## Form fields

### Default Fields

By default, you have three fields: **Name**, **Email**, and **Password,** where the **Name** field can be enabled or disabled. The placeholder texts of these fields can be modified as well. However, it's also possible to add any number of additional fields after connecting an Airtable users base, which we'll discuss next.

### Adding Custom Fields

You also have the option of customizing the Signup block by adding more fields. The values of additional fields will be stored on Airtable, therefore you need to have [Airtable connected](https://docs.softr.io/memberships/data/connect-to-airtable) in the **Users** section. If you haven't connected an Airtable users base yet, you'll see a **Setup Airtable** option under the **Signup Form** section in the **Features** tab.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F68ssAr6BInfRsmaEiUZ3%2Fconnect-to-airtable-b.png?alt=media&#x26;token=ad8bb7dd-67d2-4fe3-97fd-adb7d2870ed6" alt=""><figcaption><p>Setup Airtable</p></figcaption></figure>

After clicking the **Setup Airtable** button, you'll need to follow the process described [here](https://docs.softr.io/memberships/data/connect-to-airtable) to connect an Airtable base where user data will be synced. Further on, in your Airtable base, you can define additional fields to store extra user parameters and add those to the **Signup** form as well. Let's consider a specific example to give you a better idea of how this works.

Let's connect a users base, where we have added an additional **Position** field that indicates the position of the registered employee within the company.&#x20;

![Users base with additional parameter](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F2p60Tx1XzkWqZ2RQpO75%2Fusers-base-b.png?alt=media\&token=10306a7e-a717-483a-8970-f3140d89b520)

Now, we can add a position field to our Signup form and link it to this field on Airtable as done below.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FZOPCPO1GoV0aEWRnwzwW%2Fposition-b.png?alt=media&#x26;token=70ab00f3-df98-4c4c-8173-29336f6b96ea" alt=""><figcaption><p>Additional Position field</p></figcaption></figure>

As a result, the users can now select a **Position** on signup, and it will be stored in the connected Airtable base as shown below.

![Additional Signup field stored on Airtable](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2Fi7XTJAM8wKXAoY1viT1L%2FScreen%20Recording%202021-12-07%20at%2018.55.05.gif?alt=media\&token=87ad3c8e-77fc-45cf-8964-193904474d58)

### Sign Up Button

Lastly, there's the **Sign Up** button. The button **Text** can be changed, while the **Action** is predefined and can't be modified.

## Terms and Conditions

Here, you can choose if you want to display a **Terms & Conditions** checkbox on the form, so that the users have to accept it before proceeding with the registration. If the checkbox is enabled, there are two fields for linking **Terms** and **Privacy Policy** content. The animation below shows how a separate page containing the **Terms** can be linked to the **Signup Form**.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FehaWrGCZ5DzCmrPLKbfz%2FScreen%20Recording%202022-09-06%20at%2009.58.46.gif?alt=media&#x26;token=d6c59f36-f54b-4cd6-b4c9-8ebd30b03fe2" alt=""><figcaption><p>Linking a Terms page</p></figcaption></figure>

## Show Signin

Choose whether you want to show a signin button (takes the user to the signin page) or not.

## On Signup

Lastly, we need to set what page the user should be taken to after successfully signing up.&#x20;

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FZSuFFGkmNMhyFrpgXUHO%2Fon-signup-b.png?alt=media&#x26;token=03313023-ab89-4b8c-b3fa-43f9a3941f6c" alt=""><figcaption><p>Configuring page after signup</p></figcaption></figure>
