How to Add Forms in Elementor

Elementor is a website builder for WordPress that makes it easy to create web pages using a drag-and-drop editor. You can build landing pages, homepages, and contact pages, add elements like text, images, buttons, videos, and forms, and customize fonts, colors, spacing, and layouts. 

You can also make your pages look good on desktop, tablet, and mobile devices and create headers, footers, and other website sections with supported features and plans. If you have a WordPress website built with Elementor, you can add your Jotform forms using the HTML widget.

Installing the Elementor Plugin

To get started, let’s install Elementor on your WordPress site. You can do it in a few simple steps:

1. Log in to your WordPress Admin Dashboard page, and in the menu on the left, click on Plugins.
2. Then, at the top-left of the Plugins page, click on Add Plugin. 

3. Now, on the Add Plugins page, in the Search Plugins section, enter Elementor.
4. Next, under the Search Results tab, look for Elementor Website Builder and then click on Install Now.

5. Once done, click on Activate.

Getting the Elementor Embed Code

To get your form’s embed code, follow these quick steps to get started:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.

2. Then, in the menu on the left, click on Platforms. 
3. Next, in the Search Bar, enter Elementor and then click on it.

4. Now, under the Elementor section, click on Copy Code.

Embedding Your Form to Elementor

Now that you have your form’s embed code, you can add it to Elementor using the HTML widget. Here’s how to get going:

1. On your WordPress Admin Dashboard, in the menu on the left, click on Elementor.
2. Then, in Elementor Website Builder, click on Edit Site at the top-right of the page.

3. Now, you’ll be redirected to the Elementor Editor, and then in the Elements menu on the left, enter HTML in the Search Bar.
4. Next, in the search results, click on HTML. Or, drag and drop it to where you want it to be on your Elementor Editor. 

5. Now, in the Edit HTML menu that opens on the left, paste your form’s embed code into the Content box under the HTML Code section.
6. To preview your changes, click on the Eye icon at the top-right of your Elementor Editor.

You’re all set! Your form is now added to your WordPress website using Elementor. Take a look at the screenshot below to see what it looks like: