How to add Gravity forms and Elementor ?

In today’s digital landscape, creating an engaging and user-friendly website is paramount. Two essential tools in achieving this are Gravity Forms and Elementor. Combining these two powerhouse WordPress plugins can elevate your website’s functionality to new heights. In this comprehensive guide, we will walk you through the process of integrating Gravity Forms and Elementor seamlessly.

Getting Started

Understanding Gravity Forms and Elementor

Gravity Forms is a versatile WordPress plugin that simplifies form creation, making it perfect for contact forms, surveys, quizzes, and more. Elementor, on the other hand, is a robust page builder that allows you to design stunning web pages without any coding knowledge.


Before we dive into the integration process, ensure you have the following:

  • A WordPress website with both Gravity Forms and Elementor installed.
  • Basic knowledge of how to use these plugins.

Integration Steps

Step 1: Create a New Page or Edit an Existing One

Begin by logging into your WordPress dashboard and navigating to the page where you want to add a Gravity Form using Elementor.

Step 2: Add a Section

Click on the “+ Add Section” button in Elementor to create a new section where your form will reside.

Step 3: Choose a Structure

Select the desired structure for your section. This determines the layout of your form and any additional content you want to include.

Step 4: Add a Widget

Click on the gray “+” button to add a widget to your section. Search for “Gravity Forms” and drag it into the section.

Step 5: Configure the Widget

In the widget settings, choose the Gravity Form you want to display from the dropdown menu.

Step 6: Customize the Form

You can now customize the form’s appearance and functionality using Elementor’s intuitive drag-and-drop editor.

Step 7: Save and Publish

Once you’re satisfied with your design, click “Save” and then “Publish” to make your page live.

Frequently Asked Questions

Can I integrate multiple forms on a single page?

Yes, you can. Simply follow the same process outlined above for each form you want to add.

Are there any compatibility issues between Gravity Forms and Elementor?

As of the latest updates, Gravity Forms and Elementor are fully compatible, ensuring a smooth integration experience.

Can I style the form to match my website’s design?

Absolutely! Elementor offers extensive styling options to ensure your form aligns with your website’s aesthetics.

Do I need coding skills to use Gravity Forms and Elementor together?

No coding skills are required. Both plugins are designed with user-friendliness in mind.

How can I ensure my forms are mobile-responsive?

Elementor automatically optimizes your forms for mobile devices, ensuring a seamless user experience.

Is there a cost associated with Gravity Forms and Elementor?

Both plugins offer free versions with limited features. However, for more advanced functionalities, consider upgrading to their premium versions.


Integrating Gravity Forms and Elementor empowers you to create dynamic, interactive, and highly functional web pages effortlessly. Whether you’re collecting user data or conducting surveys, this integration opens up a world of possibilities for your WordPress website. Embrace the power of Gravity Forms and Elementor today and watch your website soar to new heights!

Leave a Comment