I would like to add a feature to my ecommerce store that would allow my customers to get notified when a product is back in stock. The system would work as described below:
user clic on a button to get notified
a modal appears with a built-in a form (name, email adress, newsletter checkbox)
user gives this information and submit the form
data is collected and processed in a database (Google Sheets or Airtable) using Integromat (or Zapier)
when the inventory is updated in Webflow, an automated email is sent to the customer
My store is now limited to 4 products (actually 2 products in 2 sizes each) and don’t use the standard Product Page template. Products are shown on a standard page using CMS collection to get required data (name, price, size, etc.)
Since a customer may be interested in only one product, I need to consider which product is targeted by each notification request. The easy solution would be to create one form for each product but that looks not very optimized.
The best practice would be to use the same form for all requests and identify for each request the targeted product. It could be made by some checkboxes (product 1, product 2, etc.) but I would prefer something completely action-free for my customers.
I wonder if it is possible to target the place the form has been called from on the site and then make some action (add a parameter, check a checkbox, etc.). Getting the product data would also be great if possible (to add the name of price for instance)
Giving this one a bump as I have the same issue on my e-commerce store. It would be great to have this feature. has anyone successfully done this? Thanks
Yeah thats my issue, we have at least 30 products and more to add for this year, so this feature is really important to us. Hopefully there will be a better solution from Webflow soon.
I assume a developer could solve this issue easily, with some cookie or custom code. I am not a developer but I feel it should be easy. Maybe some sort of a code that track which page the user is in and affects a parameter that would be added to the form data.
For your other question, I have a text link that shows up upon conditional visibility.
When the product inventory is 0, the text link show up, allowing users to open a modal including the form.
To go further, I collect the form data in Airtable and trigger automated emails when the inventory return positive. All with Integromat automation
I have been told to add an html embed within the form and add a line of code to add an input that will pass whatever information is chosen with the form. Since I am inside a Product Template page (generated via product CMS collection), I selected the product name field and it should do the trick.
Yes, I did.
I used the solution I explained with the html embed and the dynamic value for the product. What is does, it actually send with the form (or in my case an email field) the value of the current product page name. That way, I know that a form has been submitted from a specific page and the users have interests in that specific product
Hi @martinreboux.
Sounds like you’re good to go, but if anything changes, a fully automated system can be setup with our seamless Webflow integration (https://foxy.io/webflow) and the following tools:
Zapier or Integromat
Airtable
PowerImporter (or similar tool)
If a product is out of stock (or even a specific variant), the add to cart form is disabled and a sign up form is displayed instead. Customer inputs their name and email address. This information along with product/variant info is sent to Airtable.
As soon as the product/variant inventory count gets above 0, the customer is automatically emailed, notifying them that the product is now back in stock, along with a link to the product page.
This is something anyone can setup with Foxy, or we can help you with our Accelerate program: https://foxy.io/accelerate
Please don’t hesitate to reach out if you have any questions or need help getting started: hello@foxy.io
