2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed
Log inStart free
Alerts

Waitlist for a new product

Shoppers sign up for something that is not out yet, and hear from you the day it is.

Download the workflowsWhat you need

How it runs.

A Webflow form writes a metaobject; Shopify Flow takes it from there.

Workflow 1When the shopper signs up

  1. TriggerMetaobject entry created

    For the alert, type waitlist.

  2. Action 1

    Find the customer with the alert’s email; when they are new, create them (“Send Admin API request”: customerCreate)

  3. Action 2

    Add the tag _waitlist:<product id> to the customer

Workflow 2When the product launches

  1. TriggerProduct variant back in stock

    The launch is the moment the product first gets stock.

  2. Action 1

    Get customer data: the customers tagged _waitlist:<product id>, up to 100 per run

  3. Action 2

    For each customer, send the email, with an app that sends emails from Flow (the file uses Workflow Email)

  4. Action 3

    Remove the tag, so the email goes only once

What you need, and how to install it.

What you need
  • Shopify Flow, free in Shopify
  • Plan: Server
  • Add-on: Metaobject creator
  • Element: metaobject-creator with data-type=alert
  • Element: A block with condition="out-of-stock" on the product page, holding the form until launch
  • Metaobject definition alert, private
  • An app that sends emails from Flow: Workflow Email, which the file uses, or another transactional email app; or Flow’s “Send HTTP request” to a service such as Resend (Grow plan and above)

Settings › Custom data › Metaobjects › Alert

AlertMetaobject definition
Typealert
EmailemailSingle line text
TypetypeSingle line textback_in_stock, price_drop, waitlist
ProductproductProduct reference
VariantvariantVariant reference
Accepts marketingaccepts_marketingTrue or falsethe customer’s consent to emails
DatedateDate
SentsentTrue or false
Active-draft status not needed
Storefronts access not needed: the site never shows them

Each field's key is the Name of a field in the Webflow form, written exactly the same.

How to install
  1. Install Shopify Flow from the Shopify App Store. It is free in Shopify, but it is a separate app.
  2. In Shopify, create the metaobject definition alert with the fields below.
  3. Switch on the Metaobject creator add-on in the Smootify dashboard.
  4. Place the Smootify element in Webflow: metaobject-creator with data-type=alert.
  5. Download the .flow file and import it in Shopify Flow.
  6. Publish the product on the Headless channel with no stock: its page shows the waitlist form in the out-of-stock block.
  7. Import the two workflows: the tagging one on “Metaobject entry created”, then the email one on “Product variant back in stock”. Both files are below.
  8. On launch day, add the stock. The first variant that gets stock sends the emails; the tag is gone for the others.
  9. Test it once with a real submission or order, then turn the flow on.

Where people get stuck.

  1. 01

    Remove the tag, or mark the alert as sent, in the same workflow. Otherwise the next run sends the same email again.

  2. 02

    You are collecting an email. The form has to say what you will do with it, and if alerts become a marketing channel, tie them to the customer’s marketing preferences.

  3. 03

    The form needs the Server plan: Smootify’s server creates the entry, not the browser. The definition needs no Storefront access, since the site never shows the alerts.

  4. 04

    Input names must match the metaobject keys exactly. Webflow renames fields when you copy a form, and a wrong name fails without an error.

  5. 05

    A product kept in draft is not on the site, so it has no page for the form. Publish it with no stock instead.

  6. 06

    Send the email with an app that sends emails from Flow, such as Workflow Email or another transactional email app, or, on the Grow, Advanced and Plus plans, a “Send HTTP request” to an email service such as Resend. Shopify Messaging’s “Send marketing email” reaches only customers subscribed to email marketing, and its email cannot show the product.

Get the .flow file.

In Shopify Flow, choose Import and pick the file. The workflow opens turned off: check that it reads your metaobject definition and its field keys, then turn it on.

Workflow 2 sends the email with the Workflow Email app: install it, or replace that step with another transactional email app, or a “Send HTTP request” to a service such as Resend. In the email step, set your reply-to address and point the button to your Webflow site: https://www.example.com/products/{{ productVariant.product.handle }}.

Workflow 1 · Tag the customer Workflow 2 · Email the customers

Related.

Read next
Demo store

Millimetro

The demo store where this mechanic lives.

See the store
More alerts flowsAll 22 flows

Webflow writes.
Shopify reacts.

Forms that write to Shopify are on the Server plan, and Shopify Flow is free in Shopify. One Shopify app, billed on the store’s Shopify invoice.

Start free All flows
  • One app on the Shopify bill, not ten
  • Free to build, pay only when you go live
  • Works on Basic, Grow and Advanced
  • Your 1.x store keeps working
  • Every element stays yours to change
  • Docs indexed in llms.txt