In this article we'll learn some of the powerful functions of the Elementor Form Element.
Step 1
Once inside of Elementor - scroll on the left hand side bar until you see the Form element. Click and drag the Form element where you would like it on your page.
Step 2
Edit the Form Name field to help organize your form in the future.
Step 3 (Optional)
Add Custom Fields by selecting the Add Item button below the example fields generated. While we walkthrough a simple example in the interactive demo above, the documentation for each exists on the Elementor website.
Make sure to add your Field Name so it appears for your user.
We strongly suggest adding the Recaptcha v3 field. This will help prevent spam.
Step 4 (Optional)
Choose different actions for the user to take after form submission using the Actions After Submit accordion option below. Clicking the plus button on the Add Action field will reveal all the options available to do after a form is successfully submitted.
Step 5
Select the Email accordion option to expand your email options. Change the following fields to match your desired locations:
- To: Field
- Subject Line Field
- From: Field
- Reply To: Field
Be sure to set the To: Field where you would like the user's submission to go to. Similarly, we want to send it from and email associated with your domain in the From: Field.
Step 6 (Optional)
Once complete, we can now use the Style Tab and Advanced Tab to make stylistic edits to our new Form element.