---
title: "Create First Form"
date: 2023-06-21
author: "Al Mizan"
---

# Create First Form

# How to create a WordPress form using Bit Form

## Create your first form from scratch

If you have successfully installed & activated Bit Form, now it’s time to create your very first form using Bit Form

### **Form builder**

1. To create a form from scratch, click on `Create Form`. Then click on the blank form to create the first form. Also, you can use a pre-built form like **Contact Form** here. No hassle for creating the same form again & again for your multiple websites.

![Create First Form Bit Form](https://bit-form.com/wp-content/uploads/2023/06/Create-First-Form-Bit-Form-1024x475.png)

2\. Now, from the builder option, edit the name of the form as your preference.

![Edit form name Bit Form.eb933d3.1517](https://bit-form.com/wp-content/uploads/2023/06/Edit-form-name-Bit-Form.eb933d3.1517-1024x286.png)3\. From the left panel of the page, you can access the **toolbar**, which contains ***19+ form fields***

![info-icon-bit-apps](https://bit-form.com/wp-content/uploads/2023/06/info-icon-1.png) **INFO**

To know more information about types of fields, check the [Form Fields](https://bit-form.com/wp-docs/form-fields/) documentation









![Form fields Bit Form.c9399a4.830](https://bit-form.com/wp-content/uploads/2023/06/Form-fields-Bit-Form.c9399a4.830.png)4\. The right panel contains the options- `Field Settings` & `Style Customization.`

![Field settings Bit Form.c999387.1238](https://bit-form.com/wp-content/uploads/2023/06/Field-settings-Bit-Form.c999387.1238-1024x630.png)5\. Using the `drag & drop` form fields & the built-in `style editor` option, you can customize your form regardless it is an easy or advanced-level form. To add a form field, you can click on the field or drag the field from the panel and drop it in the place you want.

6\. To edit the fields you have to hover over the fields that you want to customize. You can also edit the field by clicking on the individual field setting option. In the same way, you can set the field settings, you can customize the field properties.

![info-icon-bit-apps](https://bit-form.com/wp-content/uploads/2023/06/info-icon-1.png) **INFO**

To know more information about field customization, check the Field customize documentation









![Edit Form fields Bit Form.d3f97ee.1908 1](https://bit-form.com/wp-content/uploads/2023/06/Edit-Form-fields-Bit-Form.d3f97ee.1908-1-1024x335.png)7\. If you want to delete any field, simply hover over the specific fields & press the cross button here.

![Delete Field Bit Form.fc4dc2e.1530](https://bit-form.com/wp-content/uploads/2023/06/Delete-Field-Bit-Form.fc4dc2e.1530-1024x374.png)8\. As we have said before, Bit Form is device-friendly; hence, you can see the live preview of the ***Tablet***, ***Mobile***, and ***Desktop*** versions by clicking the marked option.

![Device friendly Bit Form.baea1dd.1325](https://bit-form.com/wp-content/uploads/2023/06/Device-friendly-Bit-Form.baea1dd.1325-1024x386.png)9\. Once you are done with field settings, `save` the form.

![Save form Bit Form.f141787.1865](https://bit-form.com/wp-content/uploads/2023/06/Save-form-Bit-Form.f141787.1865-1024x237.png)## **How you can embed short code**

There are three ways you can display the form you have created with Bit Form on your desired page. The ways are described below-

**1. Add Bit Form using Short Code:**

After creating a form you can view that from the form list of Bit Form with the generated short code. You have to copy the short code & simply paste it on the page where you want to show the form to the user.

![Add Short Code Bit Form.62f57f9.1920](https://bit-form.com/wp-content/uploads/2023/06/Add-Short-Code-Bit-Form.62f57f9.1920-1024x444.png)**2. Add Bit Form using Gutenberg Block:**

Navigate to the page where you want to show the form. Click on ***to choose a block*** & then on the ***+(Add block)*** option. Now you can see the block called ***Bit Form*** & click on that block. After that, you have to choose the form you created earlier from the block. So you are set to live on that page on your site.

![Gutenberg block Bit Form.f2bc1b4.1920](https://bit-form.com/wp-content/uploads/2023/06/Gutenberg-block-Bit-Form.f2bc1b4.1920-1024x444.png)**3. Add Bit Form using Elementor page:**

Click on the ***Edit with Elementor*** of the page where you want to display the form. Navigate to the ***Elements***. Search for the widget ***Shortcode***, and drag & drop the widget on the page. Now copy the form shortcode from the form list of Bit Form & paste that on the input field called ***Enter your shortcode***. You can see the preview of your form layout on the right middle side of the page. Update the page to view the page on your website.

![Edit With Elementor 1 Bit Form.ad70d04.1920](https://bit-form.com/wp-content/uploads/2023/06/Edit-With-Elementor-1-Bit-Form.ad70d04.1920-1024x444.png)![Edit With Elementor 2 Bit Form.5fbf208.1920](https://bit-form.com/wp-content/uploads/2023/06/Edit-With-Elementor-2-Bit-Form.5fbf208.1920-1024x444.png)![Edit With Elementor 3 Bit Form.dd8ed18.1920](https://bit-form.com/wp-content/uploads/2023/06/Edit-With-Elementor-3-Bit-Form.dd8ed18.1920-1024x444.png)## **Responses**

- Once you are done with setting your form on the front end, you can see the submission on the Bit form- `Form Responses` page.

![Form Responses Bit form.913ac94.1920](https://bit-form.com/wp-content/uploads/2023/06/Form-Responses-Bit-form.913ac94.1920-1024x444.png)- You can `edit`, `duplicate` & `delete` the submissions from the responses page if you need to. You can simply run these actions by clicking the three dots attached at the right-hand corner side of every single response. Also, if you click on entry responses, you can edit & delete the particular entry.

![Edit responses Bit Form.db70a37.1907](https://bit-form.com/wp-content/uploads/2023/06/Edit-responses-Bit-Form.db70a37.1907-1024x272.png)- You can view related info on the submission from the `Response Details` option.

![Responses details Bit Form.2249bc5.1903](https://bit-form.com/wp-content/uploads/2023/06/Responses-details-Bit-Form.2249bc5.1903-1024x309.png)- `Related Info` contains two options – `Timeline` & `Note`. If you edit any entry data, then the details of that specific edited entry will be listed on the `Timeline` option. Also, you can save a `Note` if it is necessary for that submission.

![Related info Bit Form.0a7bcf3.1093](https://bit-form.com/wp-content/uploads/2023/06/Related-info-Bit-Form.0a7bcf3.1093-1024x400.png)## **Settings**

**1. Form Settings:** To navigate to the form settings, click on the `Settings` option from the top of the form builder page. Settings option contains :

- Allow a single entry for each IP address.
- Capture GCLID
- Disable form after limited entry
- Limit Form Submission period
- Blocked IP list
- Allowed IP

![Form Settings Bit Form.a04564f.1393](https://bit-form.com/wp-content/uploads/2023/06/Form-Settings-Bit-Form.a04564f.1393-1024x486.png)**2. Confirmation:** You can customize a different kind of `success/error message` that will be shown when the user submits any form. Also can set `Redirect page` & `Webhooks`.

![Confirmation Bit Form.dcc9019.1542](https://bit-form.com/wp-content/uploads/2023/06/Confirmation-Bit-Form.dcc9019.1542-1024x367.png)**3. Conditional Logic:** In Bit Form, `conditional logic` is some set of actions that are executed when certain specific conditions are triggered. When the user submits any form, the following workflow will be triggered & some actions will be held.

![info-icon-bit-apps](https://bit-form.com/wp-content/uploads/2023/06/info-icon-1.png) **INFO**

To know more information, check the [Conditional Logic](https://bit-form.com/wp-docs/conditional-logic/) documentation









![Conditional logic Bit Form.46312f8.1448](https://bit-form.com/wp-content/uploads/2023/06/Conditional-logic-Bit-Form.46312f8.1448-1024x583.png)**4. Email Templates:** When the user submits any form you want to notify via email notification. then you can set customized email body from `Email Templates`.

![Email Templates Bit Form.2431f36.1585](https://bit-form.com/wp-content/uploads/2023/06/Email-Templates-Bit-Form.2431f36.1585-1024x344.png)**5. Integration:** You can integrate Bit Form with **30+ third-party apps** to collect user information that can help you track your lead.

![Integration Bit Form.db68ed7.1601](https://bit-form.com/wp-content/uploads/2023/06/Integration-Bit-Form.db68ed7.1601-1024x475.png)***We hope this documentation will make it easier for you to create your first form***