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

Back in stock

A shopper leaves an email on a sold-out variant, and Shopify writes to them when it is back.

Download the workflowsWhat you need

How it runs.

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

Workflow 1When the alert is saved

  1. TriggerMetaobject entry created

    For the alert definition, when a shopper leaves an email on a sold-out variant.

  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 _back-in-stock:<variant id> to the customer

Workflow 2When the variant is back

  1. TriggerProduct variant back in stock

    When a variant’s stock goes from zero to one or more.

  2. Action 1

    Get customer data: the customers tagged _back-in-stock:<variant 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 next stock movement does not send it again

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", so the form shows only when the variant is sold out
  • 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. Put the form inside the out-of-stock block on the product page. It replaces Add to cart on its own when the variant sells out.
  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. 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

    The email goes out through an app that sends emails from Flow. The file uses Workflow Email: install it, or swap the step for the action of 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” is not a fit: it reaches only customers subscribed to email marketing, and its email cannot show the product.

  6. 06

    “Get customer data” returns at most 100 customers per run: for a longer list, run the workflow again.

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 }}?variant={{ productVariant.legacyResourceId }}.

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