Send a Personalized Email Confirmation From a Contact Form in Elementor [PRO]
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- 👋🏼 Help us improve by answering this short survey: elemn.to/survey-time
In this tutorial we'll learn how to set up automated and personalized email confirmations for form submissions.
The tutorial will cover:
✔︎ Creating automated email confirmations from form submission
✔︎ Personalizing email confirmations
✔︎ Using HTML and CSS to design styled email confirmations
✔︎ Previewing your message while you work
✔︎ And much more!
HTML Code Snippet:
jsfiddle.net/Elementor/vcb7zs...
Don’t forget to subscribe to our channel!
Get Elementor: elementor.com
Get Elementor Pro: elementor.com/pro
See Also:
Form widget: • How to Use Elementor's...
Multi step forms: • How to Create Multi-St...
Form submissions: • How to Use Form Submis...
Yoga Studio Kit: elementor.com/library/templat...
Chapters:
00:00 - Intro to form submissions
00:35 - Automated email confirmation
01:14 - Shortcodes for personalization
02:58 - Design email with HTML and CSS
03:38 - Preview styled message
04:50 - Test and view email
![How to Create an Age Gate Popup [Advanced PRO]](http://i.ytimg.com/vi/j0S_NqewddU/mqdefault.jpg)
One of the most helpful tutorials on TH-cam. Thanks a bunch!
I completely agree! After banging my head against MailChimp for half the day, this was so much more elegant.
thanks so much , I was just asking elementor support about this literally yesterday !
Wow Wait for next video end.Thank you elementor to guide us new and advanced things
Brilliant! Thanks for that very straight forward tutorial. Nice.
That was really helpful. Thank you Shiri!
Thank you so much very good video 🙏
This was helpful, wow thank you so much!!!
Awesome tutorial!
Thanks, that was helpful! Namaste
OMG … this has been something I’ve been needing so badly. THANK YOU!!!!!!!!
Great tips!
This is fantastic. How can I change the font that is displayed on the email?
Excelente!
Does the metadata (date, time, source url) have short codes? I'd like to add the date and time, but I only see them when I add [all-fields] shortcode. I can't find the individual field names anywhere, maybe they don't exist...
The starting always gives me goosebumps 🎵🎵🎵
Us too 🤭
Would be great to be able to design the mail in a similar way like the normal editor works :-D
soon! maybe....
With email automation fonctionality as well
Exactly
elemailer plugin can do that
Use mailchimp to design the mail and paste it into elementor form ;)
SUPER SUPER SUPER helpful!! Thanks! Just this morning a potential client said they hadn't gotten a confirmation after submitting the form, then I came across this excellent tutorial video, and now I have an awesome reply email going to anyone contacting me via my site!! Is there any way to add a small logo in the confirmation email going to my prospective client? It would make it even better!
Yes!
Hola [field id="name"], Gracias por contactarnos
Un miembro de nuestro equipo se pondrá en contacto contigo hoy mismo. :)
[all-fields]
@@luiswebmx How would you add a video?
@@aarontraub2596 Example :
Hola [field id="name"], Gracias por contactarnos
Un miembro de nuestro equipo se pondrá en contacto contigo hoy mismo. :)
[all-fields]
Great option! Is it possible to embed a vimeo video?
Pretty nice
My elementor form is not working. Even after setting all things up such as email and actions after submission. When testing the form I keep getting an error message form is not sent. What might be the problem??
Thank you, really great tutorial, one of those you're actually looking for.
Can I send to more then 2 emails?
when i received email then name show ( me ) how can i change it with client name
Andrzej
If in the confirmation email you want to use [field id="message"] then in the confirmation email this text goes beyond the margin, and if you use enter key
in Message Field then in the confirmation email you cant receive message like here below:
"good Day
im interested in.....
.............................
greetings
Albert White"
Hi! Thank you for great tutorial. However, I can’t receive the automated email (except the email of website administrator).
I did fill the correct shortcode into Email2. I installed SMTP. Not server error. Email was sent out.
How can I solve it?
Thank you in advance.
@Bettergalzizi please contact support from my.elementor.com.
Can I send a file in this confirmation email as well? Not a link to a file, but file itself?
If you put the link to the uploaded file, it will be downloaded when the receiver clicks on the link in their email
@@timilehinifejoseph1025 i dont want a link, I want the file itself 😄
Hi could you help me my email 2 won't send me the message I made.
We need the container update
Me interesa el video pero necesito subtitulo 😭
submit an Elementor form to the WordPress dashboard as orders !!!!!! help
Where is the Mega Menu?
🥰🥰🥰
Hi shiri please help me
Big deal! What about showing us email 1 as well? How did you set this up. Because the reply to field dropdown shows a blank???????
I have created this message confirmation for myself and clients on more than a dozen sites and ALL of them are spammed to hell so I recommend you don't do this.
The great thing about elementor is the ability to create rich and complex pages without HTML knowledge. When it comes to email your find yourself writing HTML code like before 20 years. 👎
Hello can anyone guide me on how to use social media icons in this message, i tried and tested the code. It works on htmk widget of elementor but the end user does not see this icons in the message.