Skip to main content

How to Create a New Form in SureForms and Insert It on a Page

This guide walks you through building a form in SureForms and embedding it on your page using Elementor, all without writing a single line of code.

Updated over a week ago

Why Use SureForms + Elementor

  • Forms without code: Create professional forms easily.

  • Reusability: Build once, embed anywhere.

  • Seamless workflow: Works directly with Elementor pages for quick setup.

1. Open SureForms and Create a New Form

  1. From your WordPress dashboard, go to SureForms.

  2. If it’s your first time opening SureForms, you may see the Guided Setup screen. Click Exit Guided Setup to continue.

  3. In the SureForms dashboard, click Create New Form.

  4. Choose a template or start with a blank form.

  5. Add fields like Name, Email, Message, etc.

    • For each field, you can mark it as Required (e.g., make “Email” required).

  6. Give your form a clear title (e.g., Contact Form – Home).

  7. Click Publish, Schedule, or Save to save your edits.

2. Configure Form Settings and Email Notifications

  1. Open your form and go to the Form tab.

  2. Set a confirmation message or a redirect page after submission.

  3. Under Email Notifications, add the email address where form submissions should be sent (e.g., [email protected]).

  4. Optionally, edit the subject line and sender name.

  5. Save your changes.

  6. Navigate back to the Form Dashboard to confirm settings.

3. Add the Form to a Page Using Elementor

  1. Copy the form shortcode (e.g., [sureforms id="123"]).

  2. Open the page you want to edit and click Edit with Elementor.

  3. Drag the Shortcode widget from the Elementor panel into the section where you want the form.

  4. Paste your shortcode into the widget.

  5. Adjust styling as needed using Elementor settings.

  6. Click Update to save your page.

4. Access Submitted Records

  1. In the WordPress dashboard, go to SureForms → Entries.

  2. All form submissions are listed by form name.

  3. Click View on an entry to see all submitted field values.

Quick Recap

  • Step 1: Open SureForms, exit guided setup (first-time only), and create a new form.

  • Step 2: Configure form settings and notification emails.

  • Step 3: Embed the form on a page using Elementor’s Shortcode widget.

  • Step 4: Access submitted records under Entries.

Pro Tips

  • Test your form after publishing to ensure emails are sent correctly.

  • Clean up entries regularly to avoid spam accumulation in WordPress.

  • Use Elementor styling options to make your form visually match your website design.

Related Articles
How to Edit Pages with Elementor: A Beginner’s Guide
How to Edit Website Content
Did this answer your question?