Autonami integrates with Elementor forms.
You can use Elementor to build forms only if you’re using Elementor PRO.
Let's consider a scenario - if someone selects a particular option in the form, we'll send them a follow-up email.
Step #1: Create a Form in Elementor
Search “Form” in the widget search box of Elementor and then drag & drop the widget on the screen.
Next, customize the fields in your form and publish the form:
Now your Elementor form is ready.
Step #2: Go to Automani >> Add new automation >> Select ‘Elementor’ from the drop-down
Next, select Elementor as an option:
Choose Elementor form submits in the next drop-down:
Step #3: Select the form from the drop down and map the email address filed (if exists)
After you select the event, choose the form that you just created from the drop-down.
Take a look:
You can map the email address field as shown below:
Once done, hit the ‘Save’ button.
Step #4: Select ‘Conditional Action’ >> Set up the rule
The add action button (+ sign) will appear once after you save the event. Choose between direct and conditional action.
Select ‘Conditional Action’ for this case:
When you do that, you will see the rule-builder on the right side of your screen.
Select the rule ‘Form Field’ from the drop-down.
Next, select the field “Are you interested in trying out Autonami?” from the drop-down and enter its exact value, i.e., “Hell yes!”
Note that you need to enter the exact field value here as it is in the form.
Hit the ‘Save’ button when you’re done.
Step #5: Select ‘Send email’ as action and craft your email body
You’ll find it in the select action drop-down:
Next, craft your email and personalize the content using merge tags.
Autonami gives you all the options to write the email subject line, headline, body copy using merge tags for personalization. This panel on the side is collapsible for an easy editing experience.
Once done, press the ‘Save’ button.
Step #6: Make your automation live and test it out
Click on the toggle button that appears at the top left corner of the Autonami screen:
You’ll see the color changes from orange to green, as shown below:
This means that your automation is now live and running.
Next, go to Pages >> Select ‘All Pages’ >> Click on ‘View’ option for viewing your form
When you click on ‘View’, the form opens up.
Check the ‘Hell yes!’ radio button and then hit ‘Send’.
When filled out, your form should look like this:
When you hit the ‘Send’ button, you should receive an email in your inbox:
There you go!
So this was just one of the use cases of using Elementor forms with Autonami.
We have an insightful post where we cover everything from creating an Elementor form and sending out a personalized email. We also redirect them to a dedicated one-page checkout based showing hand-picked products based on their response in the form. Explore here >>
Your imagination is the limit!