Embed & Display Forms Using Elementor

SureForms lets you embed and display the forms you’ve created on your WordPress site using Elementor. You can easily add forms to different sections, such as pages, posts, or any Elementor widget area.

This guide will show you how to embed and display SureForms forms on your site using Elementor. Let’s get started!

Note: Make sure you have both SureForms and Elementor installed on your WordPress site before proceeding.

Embedding SureForms Forms on a WordPress Page/Post With Elementor

Note: Before we start, ensure you’ve created a form in your SureForms dashboard.

• Select the page where you want to embed the form or create a new page.

• Click the “Edit with Elementor” button.

• In the Elementor panel, search for “SureForms” under Widgets and click on it. You can drag it to your desired location on the page.

• Select the form you want to embed from this dropdown. 

Once done, click on the “Publish” button. 

Your form will now be displayed on the page. Preview the form on the front end to confirm the same.

SureForms Settings In Elementor

The newly embedded forms will have settings displayed on the left side. Here’s what they do:

• You can disable the “Form Title” toggle button to hide the form title on the page/post.

• To edit the original form, click on the “Edit” button. This will take you to the individual form editor in SureForms on another tab.

• Optionally, you can click the following “Create” button to create a new form in another tab.

You can then publish this new form and return to the page/post to embed it.

That’s it with this article! We hope it was helpful.

If you have any other questions, feel free to reach out to us, We’re here to help!