Customize email notification on form submit

Ask the community
,
1

Hi,

I’ve set up a form using user inputs, and I’m using the code at
https://support.wix.com/en/article/corvid-tutorial-sending-an-email-on-form-submission

Is there a way to link a HTML template or something similar to this this to create a custom email? Would love to have a nice, branded confirmation email sent to the form submitter, with a logo, a thank you message, some links, and a table showing the data they entered.

Also, is there a way to remove the time component from the date picker data? It displays in the email like this:

Wed Oct 23 2019 00:00:00 GMT 1000 (Australian Eastern Standard Time)

Ideally, I would like to have it displayed as something easy to read like

Wed Oct 23 2019
or
Wednesday Oct 23, 2019
or even
23/10/10

I found this article about repeaters, but I can’t figure out how I would apply this to an email

These two things would greatly improve the aesthetics of the confirmation emails.

Any help or advice greatly appreciated!

2

So you are using SendGrid option to send a form on form submission, which you can change the email if you go into SendGrid and set it all up yourself.

However, the easier option would be to just use triggered emails and set yourself up a triggered email which gets sent to either the contact or the member after a form is submitted.

You can brand this yourself etc and put whatever variables you want on the email too.

https://support.wix.com/en/article/about-triggered-emails
https://support.wix.com/en/article/creating-a-triggered-email
https://support.wix.com/en/article/corvid-tutorial-sending-a-triggered-email-to-members
https://support.wix.com/en/article/corvid-tutorial-sending-a-triggered-email-to-contacts

For the email just simply back to yourself, then you can simply just do a Wix Automation and include the details of the form etc.
https://support.wix.com/en/ascend-by-wix/wix-automations
https://support.wix.com/en/article/creating-a-new-automation
Select the Include details toggle if you want to receive details such as what data was collected or what was purchased.

3

This is what I have done for a Choir website with a triggered email to the user and a simple Wix Automation back to the Choir themselves.

import wixCRM from 'wix-crm';

$w.onReady(function () {
$w("#JoinUsForm").onAfterSave(() => {
let startDate = $w("#startDate").value;
let firstName = $w('#firstName').value;
let lastName = $w('#lastName').value;
let email = $w("#email").value;
let choirRole = $w("#choirRole").value;
let readMusic = $w("#readMusic").value;
let choirBefore = $w("#choirBefore").value;
let startNow = $w("#startNow").value;

wixCRM.createContact({ 
"firstName": firstName,
"lastName": lastName,
"emails": [email],
"Choir Role": choirRole,
"Read Music": readMusic,
"Choir Before": choirBefore,
"Start Now": startNow,
"Start Date": startDate
}) 
.then((contactId) => { 
// Need to use the triggered email name
return wixCRM.emailContact('joiningusform', contactId, { 
"variables": { 
// Need to use the triggered email variable names
"firstName": firstName,
//"lastName": $w('#lastName').value, << - not defined in the triggered email
//"emails": [$w("#email").value], << - cannot have array here
"email": email, // << - correct variable is email not emails
"choirRole": choirRole,
"readMusic": readMusic,
"choirBefore": choirBefore,
"startNow": startNow,
"startDate": startDate.toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short', year: 'numeric'})
} 
}); 
}) 
.catch((err) => { 
// handle the error if the email wasn't sent
console.log(`Error: ${err}`);
}); 
}); 
});
4

@givemeawhisky Form Submission Get Notification or Message to the ADMIN (not to the user). I have a form on my website which is connected with DATABASE.When someone will fill the form I will get notification.
Note:I know how to send email notification , who did fill up the form(Sendgrid).
But help me how admin means I will get notification for each fill up form.

5

If its an admin then you just use wixUsers to do it and find the admin contactID in their membership database in the editor.