Hi,
So I have a booking form page with a ‘everyone permission’, after they enter all the information when they click submit button, the user need to log in or register to be a member before the booking form is submit. And after the form is submitted, I can know which member submit it.
Can that be done?
Thanks!
If you want to have a database (for form submissions) then set the database permissions to ‘Site Member Only’. This will only allow Site Members to make a submission.
Now there are many creative ways you can prompt user’s to become a site member before form submission. One method is to check whether the user is logged in or not at the time of submission. An example code would be like below.
export function button_click(event) {
if(wixUsers.currentUser.loggedIn === true) {
//allow submission
} else {
authorize();
}
}
function authorize() {
wixUsers.promptLogin()
.then( (user) => {
return user.getEmail();
})
.then( (email) => {
let userEmail = email; //submit email along with the data
})
.catch( (err) => {
let errorMsg = err; //show an error
});
}
Submit the data using Wix Data’s insert() function
1 more thing, I also tried to send the submitted form using email using sendGrid. Not sure where to place the code. Here’s my code below.
Also how can I retrieve member email address? So I can add to the ’ const recipient’. Hope you can help!
import wixData from ‘wix-data’;
import wixUsers from ‘wix-users’;
import {sendEmail, sendEmailWithRecipient} from ‘backend/email’;
$w.onReady( function () {
$w(" #SHsmarthub ").onAfterSave(sendFormData); //‘#SHsmarthub’ is not a valid selector//
});
function sendFormData() {
const subject = Smart Hub Integration;
const body = `Smart Hub Integration }
\rPlease select which brand of hub will be installed: ${$w(" #brand ").value}
\rWhat is the specific model of the device?: ${$w(" #model ").value}
\rAnything else you want us to know?: ${$w(" #others ").value}
`;
const recipient = ‘email@gmail.com’;
sendEmailWithRecipient(subject, body, recipient)
.then(response => console.log(response));
sendEmail(subject, body)
.then(response => console.log(response));
}
let brand
let model
let devicesamt
let mobiletype
let others
export function button42_click(event) {
if (wixUsers.currentUser.loggedIn === true ) {
let toInsert = {
“brand”: $w(" #brand ").value,
“model”: $w(" #model ").value,
“devicesamt”: $w(" #devicesamt ").value,
“mobiletype”: $w(" #mobiletype ").value,
“others”: $w(" #others ").value
};
wixData.insert(“SHsmarthub”, toInsert)
.then( (results) => {
let item = results; //see item below
} )
. catch ( (err) => {
let errorMsg = err;
} );
} else {
authorize();
}
}
function authorize() {
wixUsers.promptLogin()
.then( (user) => {
return user.getEmail();
})
.then( (email) => {
let userEmail = email; //submit email along with the data
})
. catch ( (err) => {
let errorMsg = err; //show an error
});
}