Back in Stock Notification for Site Members

Collections

For this example we created a collection called “Stock Wait List” that holds the user’s email and a reference to the wanted item from the Stores/Products collection (which is created automatically when Wix Stores is added).

Page Elements

In the product page we added the following page element:

• Subscription button - the button is displayed when the user is logged-in and the item is out of stock. The button’s label is “Notify me When in Stock”, but if the user has already subscribed to the notification the label is changed to “Cancel Notification”.

Backend Code

• Jobs.config - a scheduled job that runs once a day and calls the CheckProductAvailability function.

• CheckProductAvailability.jsw - includes a function that goes over the “Stock Wait List” collection and checks for each subscription if the product if it’s back in stock. If it is back in stock it calls the sendMail function in email.jsw to send a mail notification to the subscriber, and removes the record from the collection.

• Email.jsw - includes the sendMail function that sends the mail to the subscribed user using sendgrid node module. In order to send the mail the module gets the Sendgrid API key from Secrets Manager.

Frontend Code

• NofityButtonUIHandler - decides if to show the subscription button and what label to put on the button.

• setOnClickNotifyButton - adds or removes a row from the “Stock Wait List” collection when the button is clicked.

• getProductObj - checks if the product is in stock and what is the product’s id.

• getUserEmail - gets the user’s email address

• wixLocation.onChange - inits the button and event handlers accordion to the current product page.