For all the WordPress users, agencies, and business owners who rely on Elementor for building sites, we’ve heard you loud and clear! We know how important seamless integration is between your tools, and that’s why we’re thrilled to introduce our new, free Gravity Forms widget for Elementor.
This add-on makes it easy to embed and configure your Gravity Forms directly in Elementor—no more fussing with shortcodes or workarounds.
This is also a first step in our commitment to a tighter, more powerful integration between GravityKit and Elementor.
Why Elementor?
Elementor is one of the most popular page builders for WordPress, offering a user-friendly, drag-and-drop experience that empowers users to design custom websites without coding.
According to W3techs, Elementor powers 11.4% of all websites—a number that may be up for debate, but there’s no question Elementor supports millions globally. Given its massive reach, we saw a valuable opportunity to strengthen integration between Gravity Forms and Elementor, making it easier than ever to combine the capabilities of both.
The next step for us is enhancing integration between GravityKit add-ons and Elementor. We’ve heard from our customers that a tighter integration between these tools (both of which provide powerful no-code capabilities) would be a game-changer, and we agree!
Embedding forms using the Gravity Forms widget
You’ll need to ensure you have both Elementor and Gravity Forms installed on your site. After that, you can download and install the free Gravity Forms widget for Elementor to start embedding forms using the Elementor builder.
To get started, edit an existing page/post or create a new one. Then, click “Edit with Elementor” to launch the Elementor page builder. After that, search for the Gravity Forms widget in the search bar on the left.
To add it to your page layout, simply drag and drop it onto the page.
Now you can select the form you want to embed from the drop down in the widget settings.
Here you’ll also find various options for configuring your form, such as hiding the title/description, enabling Ajax, and selecting a theme.
The “Advanced” tab includes additional settings, such as the ability to add field values for dynamic population. The “Style” tab includes options for changing the background color of your form, adjusting the margin/padding and other simple style controls.
To learn more about getting set up with the Gravity Forms widget for Elementor, watch our two-minute getting started video.
Download it now, for free
We’re excited to continue providing free tools to the Gravity Forms community! This add-on marks the first step in our mission to achieve tighter integration between Gravity Forms, GravityKit and Elementor.
So what are you waiting for, download the free Gravity Forms Widget for Elementor add-on now!
Helpful tips right in your inbox.
Subscribe to our weekly newsletter for tips, special offers, and more!
Helpful tips right in your inbox.
Subscribe to our weekly newsletter for tips, special offers, and more!