Gravity form Shortcode! What it is? How to use it?
Yes! Today I am going to teach you how you can use shortcode for Gravity form.
Gravity forms Shortcodes, What it is?
Shortcode is a special form of functionality or feature of WordPress and anyone can use this without any problem even if he or she won’t know any coding.
To make gravity form easy to use, gravity authors created a shortcode for gravity form.
It is marked as Gravity form Shortcode.
How to use Gravity forms shortcode
Simple! just type [gravityform id=”1″] and it’s done!
Yes, we will paste this code into any post or page and gravity from’s back-end will show a form on the Front end (in your website page).
Where to find the form “id”?
Why “id” is important?
Because when you show multiple forms on a page, how you will identify each other?
The Gravity form shortcode will identify it with “id”. That’s why “id” is important.
Where you will get the “id”?
You will get it from the dashboard of gravity form, like the picture below.
![Find form id from gravity form](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_909,h_263/https://all-roundbd.com/wp-content/uploads/2022/06/gravity-form-id.png)
To get something like the picture above, first, go to your WordPress dashboard.
![gravity form Menu](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_310,h_247/https://all-roundbd.com/wp-content/uploads/2022/06/form-battun.png)
You will get something like the picture above. Click on “form” -from your menus (I marked it on the picture).
And you will get your id from this page like the first picture.
Gravity form shortcodes parameters
Shortcode parameters! What is it?
If you are a programmer, you surely understand. But if not? No need to worry! Just consider “id” as a parameter.
There are a few more parameters. Let’s see.
Hide Gravity form title
- “Title” — Every form has a title. If you want not to display the form title, write something like the following
“[gravityform title=”false” ]”
If you want to show your form title, no need to use “title” parameter.
2. “description” — If you don’t want to display the form description, write something like the following
“[gravityform title=”false” description=”false” ]”
Same as “title” If you want to show your form description, no need to use “description” parameter.
How to add Gravity form Shortcode?
Ok. How we will add a form to show in the front end?
Three methods I will show you.
First —– , Using shortcode.
To do so, you need to use a block -The Shortcode Block
To add a block, first, click on the plus sign like in the following picture.
![How to Add a Block?](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_236,h_105/https://all-roundbd.com/wp-content/uploads/2022/06/add-button.png)
Different blocks will appear. Find “Shortcode” from there. To do so quickly, Write “sho” in the input box. Like the picture below( I marked it with 1 ).
![How to find a Block quickly?](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_357,h_375/https://all-roundbd.com/wp-content/uploads/2022/06/shortcode-block.png)
Click on “Shortcode Block”(I marked it with 2)
Something like the below picture will appear.
Write your shortcode into the box like the picture below.
![gravity form shortcode](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_726,h_223/https://all-roundbd.com/wp-content/uploads/2022/06/embed-gravity-form.png)
Second —- Using Gravity form’s built-in block.
Yes, the Gravity form has a built-in block by which we can add a form without any coding.
Just drag and paste it into your desired place.
To do so, first, click on the plus sign like in the following picture.
![find a Block quickly](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_236,h_105/https://all-roundbd.com/wp-content/uploads/2022/06/add-button-1.png)
Write “gra” in the input box and drag and paste it into your desired place
![Gravity forms](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_316,h_212/https://all-roundbd.com/wp-content/uploads/2022/06/gravity-form-block.png)
Something like the below picture will appear. There will have a drop-down box (I marked it in the picture).
![gravity form Block](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_699,h_326/https://all-roundbd.com/wp-content/uploads/2022/06/shortcode-for-gravity-form.png)
From the Drop-down box, select which form you want to show.
Three —- Using The Embed feature of the Gravity Form.
Embed Gravity Form
A fantastic feature of Gravity form is “Gravity Form Flyout“.
By using this you can directly add a form to any post or page from your Gravity form editor.
To do so, you need to go to your gravity form editor like the following picture.
![how to embed gravity form](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_995,h_343/https://all-roundbd.com/wp-content/uploads/2022/06/gravity-form-editor.png)
Now, look at your computer screen’s top-right corner. You will see a button, marked with “embed”.
![gravity form embed Button](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_427,h_207/https://all-roundbd.com/wp-content/uploads/2022/06/embed-button.png)
Click on it. A form will appear. See below.
![embed gravity form](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_558,h_525/https://all-roundbd.com/wp-content/uploads/2022/06/Gravity-form-flyout.png)
By using this form, you can easily add a form, to any post or page that you already created.
Add Gravity form to page
If you want to add to a post select post. Else “page”, if you want (I marked it with 1 in the following picture).
Select the post and below the post button, A drop-down box will list every single post that you have on your website.(I marked it with 2 in the below picture).
![add gravity form to page](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_522,h_285/https://all-roundbd.com/wp-content/uploads/2022/06/EMBED-FORM.png)
Select your post in which you want to add your form and click Insert(Marked with 3 in the above picture).
WordPress will open your post. The gravity form Block will appear at the left corner of your screen.
![gravity form block](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_404,h_234/https://all-roundbd.com/wp-content/uploads/2022/06/gravity-form-shortcode.png)
Now click or drag and drop on your desired place.
Form added to your post!
If you want to add your form to a page, same procedure like above. Just select “Page” instead.
If you want to add a form to a new page or post. How you will do that?
Is it possible?
Yes! You can do this as well by using The Gravity form.
To do that, find something like the following picture in your embed form.
![how to add a gravity form to a wordpress page](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_541,h_187/https://all-roundbd.com/wp-content/uploads/2022/06/EMBED-FORM-new.png)
If you want to create a new post, select “Post”.
Give your new post a name in the input box and click “Create”.
A New post editor will open and The Gravity Form will be placed at the top.
If you want to create a new page, same procedure. Just select “Page” instead.
Now go to your desired page and arrange it, where you want to place your form on your page.
Shortcode for Gravity form
The last thing you will get from your “Embed Button” is “The Shortcode”.
Try to remember that I discussed it earlier (Shortcode ).
To get it, click on the “Embed button” and scroll down.
![how to embed gravity form](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_427,h_207/https://all-roundbd.com/wp-content/uploads/2022/06/embed-button-1.png)
Click on the “Copy Shortcode” Button like the following picture.
![shortcode for gravity form](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_505,h_122/https://all-roundbd.com/wp-content/uploads/2022/06/copy-shortcode-Button.png)
Now go to your desired page or post where you want to show your Form and paste “the shortcode”.
Your form will appear.
Yes! This was the journey that I have started a little bit earlier.
Hope I could fulfil your demands.
Thanks for reading.