Getting Your Elementor Form Submission ID into Your Confirmation Email
Elementor forms are a powerful tool for capturing data and leads on your WordPress website. But sometimes, you need more than just the basic information submitted in the form. Specifically, you might want to include the unique submission ID within your confirmation email.
This ID can be useful for tracking and managing submissions, providing customer support, or simply adding an extra layer of security to your forms. Let's explore how to achieve this, step-by-step.
Scenario: The Missing ID
Imagine you've built a contact form in Elementor. When a visitor submits the form, they receive a confirmation email. But, you want the email to include the unique ID of that specific submission. This ID could help you easily identify the submission in your database or CRM.
Here's a snippet of the default Elementor form email template:
<p>Thank you for your message. We'll get back to you soon.</p>
As you can see, this template doesn't include any reference to the submission ID.
Adding the ID to Your Email
To inject the submission ID into your confirmation email, you'll need to use a bit of PHP code. Here's how you can do it:
1. Add a Snippet to Your Functions.php File:
Open your theme's functions.php file and add the following code:
add_filter( 'elementor_pro/forms/submission/email/data', function( $data, $form ) {
$data['submission_id'] = $form->get_current_entry_id();
return $data;
}, 10, 2 );
This code snippet modifies the elementor_pro/forms/submission/email/data filter, adding a new key-value pair to the data array. The submission_id key now holds the unique ID of the current submission.
2. Update Your Elementor Form Email Template:
In your Elementor form, navigate to the "Email" tab and click on "Edit Template."
Replace the existing template with:
<p>Thank you for your message. We'll get back to you soon.</p>
<p>Your submission ID is: {{submission_id}}</p>
This template now incorporates the submission_id variable, which will be replaced with the actual ID when the email is sent.
3. Test Your Form:
Submit a test form submission and check your confirmation email. You should now see the unique submission ID clearly displayed.
Additional Insights
- Customizing the Email Template: You can modify the email template further to create a personalized and informative message. For example, you can add the date and time of submission, the form's title, or even specific user data.
- Security Considerations: The submission ID provides a valuable reference point for tracking submissions. Consider how you'll manage this ID for security purposes, especially if you are collecting sensitive information.
- Alternative Approaches: While this method relies on a PHP snippet, there are other ways to access the submission ID. Some popular plugins, like "Elementor Forms Extended," offer pre-built features for including submission IDs in emails.
Conclusion
By including the submission ID in your confirmation email, you gain greater control and visibility over your Elementor forms. This can be invaluable for organizing your data, providing excellent customer service, and boosting your overall efficiency.
Don't hesitate to experiment with different approaches and find the best solution for your specific needs. Remember to test your forms thoroughly to ensure everything is working as intended!
