# Send email to site owner on form submission by clients using customized enquiry form

**URL:** <https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101>\
**Category:** Ask the community\
**Tags:** question, code\
**Created:** [July 31, 2018, 3:45am UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101 "2018-07-31T03:45:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![chanelk23](https://avatars.discourse-cdn.com/v4/letter/c/7bcc69/32.png) [@chanelk23](https://forum.wixstudio.com/u/chanelk23)\
**Post date:** [July 31, 2018, 3:45am UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101/1 "2018-07-31T03:45:20Z")

</div>

I have created a customized enquiry form on my contact us page, currently no email send to my inbox. I follow the steps in [Velo Tutorial: Sending an Email on Form Submission | Help Center | Wix.com](https://support.wix.com/en/article/how-to-send-an-email-on-form-submission). It works. But what can i set for the sender and recipient variables? Recipient should be the owner’s email but how is the sender? I don’t want my inbox shows the sender as “me”, i know this will happen if i use the same email for sender and recipient. Any other option to do this?  
**[//email.jsw](https://email.jsw)**  
**import {sendWithService} from ‘backend/sendGrid’;**  
**export function sendEmail(subject, body) {**  
**const key = “QL.cFH5YHZQQ2\_fG0z\_KuQ.6WPTYEyjN1C3\_7Wt9Hb3jGfkJNAyzJhz3ddhM”; const sender = “[from.email@domain.com](mailto:from.email@domain.com)”;**  
**const recipient = “[to.email@domain.com](mailto:to.email@domain.com)”;**  
**return sendWithService(key, sender, recipient, subject, body);**  
**}**

![](https://us1.discourse-cdn.com/wix/original/3X/7/b/7bf07b342c01d969be05c241f29d6deab6efe7cf.png)

---

<div class="post-metadata">

**Author:** ![tiaan](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/tiaan/32/896_2.png) [@tiaan](https://forum.wixstudio.com/u/tiaan)\
**Post date:** [July 31, 2018, 4:30pm UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101/2 "2018-07-31T16:30:14Z")

</div>

Hi Cha nel

You could set the input of any element on your page, for instance…

```javascript
const sender = $w("input1").value;  

```

Tiaan

---

<div class="post-metadata">

**Author:** ![pagelawson](https://avatars.discourse-cdn.com/v4/letter/p/51bf81/32.png) [@pagelawson](https://forum.wixstudio.com/u/pagelawson)\
**Post date:** [September 18, 2018, 4:01am UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101/3 "2018-09-18T04:01:22Z")

</div>

I have done this but all email do not come through. SendGrid has a replyto field that I can put the email address of the person who filled out the form into. How do I add that field in the wix code?

Thanks, Page

---

<div class="post-metadata">

**Author:** ![info4](https://avatars.discourse-cdn.com/v4/letter/i/e5b9ba/32.png) [@info4](https://forum.wixstudio.com/u/info4)\
**Post date:** [November 19, 2018, 2:29pm UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101/4 "2018-11-19T14:29:27Z")

</div>

Hey! I have the same problem! Does anyone here have a solution? Thanks!

---

<div class="post-metadata">

**Author:** ![pagelawson](https://avatars.discourse-cdn.com/v4/letter/p/51bf81/32.png) [@pagelawson](https://forum.wixstudio.com/u/pagelawson)\
**Post date:** [November 20, 2018, 12:24am UTC](https://forum.wixstudio.com/t/send-email-to-site-owner-on-form-submission-by-clients-using-customized-enquiry-form/5101/5 "2018-11-20T00:24:57Z")

</div>

Hi, Here is what I did. The sender and recipient are my website email. I have added a replier field that is the email of the person who filled in the contact form. When I receive the email it is to me (haven’t figured out how to get around that) but when I reply to the email, it puts the email of the person who filled in the form in the to: field. I have bolded the fields I added below - do not bold in your code (well, I don’t know if that matters).

In the email.jsw file I added replier to the return fields - bold below but don’t bold in your code:  
[//email.jsw](https://email.jsw)

import {sendWithService} from ‘backend/sendGrid’;

export function sendEmail(subject, body, replier) {  
const key = “my sendgrid key”;  
const recipient = “my website email”;  
const sender = “my website email”;  
**return** sendWithService(key, sender, recipient, **replier** , subject, body);  
}

in the sendGrid.js file I added replier to the export function and &replyto=${replier to the from fields:  
[//sendGrid.js](https://sendGrid.js)

import {fetch} from ‘wix-fetch’;

export function sendWithService(key, sender, recipient, **replier** , subject, body) {  
const url = “[https://api.sendgrid.com/api/mail.send.json](https://api.sendgrid.com/api/mail.send.json)”;

const headers = {  
“Authorization”: "Bearer " + key,  
“Content-Type”: “application/x-www-form-urlencoded”  
};

const data = ` from =${sender}&to=${recipient} **&replyto=${replier** }&subject=${subject}&html=${body}`;

const request = {  
“method”: “post”,  
“headers”: headers,  
“body”: data  
};

**return** fetch(url, request)  
.then(response =\> response.json());  
}

Then in my Page Code I added the const replier statement and added replier to the send fields as in bold below (do not make bold when you do this with your code):  
import { sendEmail } from ‘backend/email’;

$w.onReady( function () {  
$w(“#dataset1”).onAfterSave(sendFormData);  
});

function sendFormData() {  
// Get the date from the date field of the current item  
const date = $w(“#dataset1”).getCurrentItem().preferredDate;  
// Set the text element to display the date using the user’s settings  
$w(“#text19”).text = date.toLocaleDateString(“en-NZ”);  
const subject = `Booking Request from ${$w("#input1").value}`;

//add other form data here

**const replier** = $w(“#input2”).value;

```
sendEmail(subject, body, **replier** ) 
    .then(response => console.log(response)); 

```

}

Hope that helps.