---
title: EB WPForms
description: "This is a step-by-step guideline where you can easily build a contact form with the EB WPForms block."
url: "https://essential-blocks.com/docs/eb-wpforms/"
updated: "2022-07-04"
category: Form Styler Blocks
tags:
  - block
  - block library
  - blocks
  - gutenberg
  - gutenberg block
  - Gutenberg editor
  - WordPress
  - WPForm Block
---

# EB WPForms

Seamlessly create a contact form, subscription form, and more in Gutenberg with**EB WPForms block**. With this block, you can easily style and design any kind of submission form without any coding.

Follow this simple step-by-step guide to use WPForms with **[Essential Blocks for Gutenberg](https://essential-blocks.com/)**.

## **How To Activate EB WPForms Block?  **

First, [**install and activate the Essential Blocks**](https://essential-blocks.com/docs/how-to-install-essential-blocks/) for Gutenberg plugin into your WordPress dashboard. Essential blocks come with modular control which gives you the freedom to enable only using blocks. 

To activate EB WPForms, navigate to **Essential Blocks → Blocks**. Then, toggle to enable this **‘WPForms’** block. After that, click on the **‘Save’** button. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-38.gif)

## **How To  Install & Activate WPForms Plugin? **

In order to work with WPForms, you need to activate and install **WPForms** from the dashboard. Navigate to **Plugins→ Add New,**from the search box type ‘**WPForms**’ then hit enter. After that install and activate the form plugin. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-18.png)

## **How To Add New Forms Using WPForms?**

After you have successfully installed ‘WPForms’, then you can pick any type of form you want. Navigate to **WPForms→ Add New**and pick any template you prefer and **Save** the form. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-39.gif)

## **How To Configure EB WPForms Block In Gutenberg?**

Now open a new page or existing page on Gutenberg. Press the **‘+’**icon, type **WPForms**, and just click on the block. It will appear on your main editing page. Choose the form you have saved on the WPForms dashboard. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-40.gif)

### General

To configure the general features of the form, navigate to **Block→General**. From there you can toggle between**Show Label**, **Show Placeholder** & **Show Error Message** options. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-41.gif)

### **Style**

To change the outlook of your form, you can apply various customization from the style menu. For that, navigate to **Blocks→Style,**from there you can change the color and typography from the **Label** option. 

From the **Input & Text**areaoption, you can change background color, and typography as well as switch between the **Normal**& **Focus**option. 

Choose any border style from **Border & Shadow** option. Configure your alignment and width from under **Submit**option. Finally, customize your **Error Message**or **Success Message**as per your preference. 

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-42.gif)

### **Advanced**

From the **Advanced**tab, you can change your form background color, alignment, padding & margin. Under **Border & Shadow**option customize Border Style, Border Radius & Box Shadow.

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-43.gif)

## **Final Outcome**

By following these basic steps, you can easily style and configure your WPForms in Gutenberg using the EB WPForms block without coding.

![EB WPForms](https://essential-blocks.com/wp-content/uploads/2022/04/image-19.png)

Getting Stuck? Feel free to [**contact our support team**](https://wordpress.org/support/plugin/essential-blocks/) for further assistance.