• Home

  • Productivity

  • App tutorials

App tutorials

2 min read

How to Embed a Gravity Form in WordPress, With or Without Shortcodes

By Justin Pot · June 13, 2019
embed-gravity-forms-shortcode primary img

So you're looking to embed Gravity Forms on your WordPress website, but don't quite understand how. You know you need a shortcode, but what is that, where do you find it, and what do you do with it?

Here, we'll explain what a shortcode is, how to find and use the Gravity Forms shortcode, and how to avoid needing a shortcode entirely.

How to Embed Using the Gravity Forms Shortcode

The quickest way to embed forms is using the Gravity Forms shortcode. A shortcode is a bit of code, in square brackets, used by WordPress plugins to insert things in posts or pages.

Until recently, shortcodes were pasted on their own line in the classic editor. It was kind of confusing, but it worked. In WordPress 5 and later, the Gutenberg editor offers dedicated shortcode blocks.

To get started, open the page you want to add the Gravity Forms shortcode to, then click the + icon to insert a new block.

Add a new block in WordPress

Search for and select Shortcode.

Shortcode block in WordPress

Now you can paste or type out your Gravity Forms shortcode. Here it is:

[gravityform id="1"]

Gravity Forms shortcode

Use that right now and the Gravity Form with the ID number 1 will show up on that post or page. Change the number to change the form used on the page. You can find the ID numbers for your forms in the Gravity Forms page of your WordPress backend.

Finding the ID number for your Gravity Forms shortcode

There are a few options you can add to the shortcode in order to customize how it looks on your page.

  • Add title="false" and your form's title will no longer show up in the post or page.

  • Add description="false" and your form's description will no longer show up in the post or page.

You can put these options after the ID number but inside the square brackets to disable both the title and the description. Like this:

[gravityform id="1" title="false" description="false"]

There are a few other, more complex options, which you can read about here.

How to Embed Gravity Forms Without a Shortcode

If keeping track of shortcodes doesn't seem fun to you, don't worry: You can use a dedicated Gravity Form block instead, which also lets you preview your forms in the WordPress editor. The only downside is you'll have to download and install the Gravity Forms Gutenberg Add-On. You'll find it on the Gravity Forms download page.

Once the plugin is installed, you can quickly add a Gravity Forms block to any WordPress post or page.

Gravity Forms embed using a block

You can choose which form to embed using a dropdown menu, meaning there's no form ID to look up.

Gravity Forms embed options

And the form will show up in the editor itself, allowing you to see it in context without having to open a preview page.

Gravity Forms embed in the editor

It's easier to keep track of than Gravity Forms shortcodes, so download the plugin if you're tired of doing things manually.

Connect Gravity Forms to Thousands of Other Apps

You're setting up Gravity Forms to gather information from people who visit your website, but what are you going to do with that information? With Zapier, you can send form entries to thousands of other apps, automatically, saving you from having to copy that information yourself.

Create rows in Google Sheets for new Gravity Forms submissions

Create rows in Google Sheets for new Gravity Forms submissions
  • Gravity Forms logo
  • Google Sheets logo
Gravity Forms + Google Sheets

These are just a few examples—check out our Gravity Forms integrations page to learn more.

Get productivity tips delivered straight to your inbox

We’ll email you 1-3 times per week—and never share your information.


Related articles

Improve your productivity automatically. Use Zapier to get your apps working together.

Sign up
A Zap with the trigger 'When I get a new lead from Facebook,' and the action 'Notify my team in Slack'