2.0 Beta

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

What changed
Data collection

Gift list link

When a customer creates a gift list with a form, Shopify Flow emails them the link to share it, and tells you.

How it runs.

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

  1. TriggerMetaobject entry created
  2. ConditionCheck if
    • The list has an owner with an email (the form links the list to the logged-in customer)

    Otherwise the workflow stops here.

  3. Action 1

    Email the shop the list’s title, occasion, date and number of products (“Send internal email”)

  4. Action 2

    Email the owner a button to the list page, /list?l= and the list’s handle, which smootify-metaobject with data-handle-param="l" opens (the file sends it with a “Send HTTP request” to Resend)

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="gift_list" and customer-field="owner", for logged-in customers
  • Element: a list page with smootify-metaobject and data-handle-param="l", with a product card inside it, smootify-product with data-id="metaobject.products", which Smootify repeats for each product of the list
  • Metaobject definition gift_list, with Storefront access
  • For a list without a form, the plan or an account, the wishlist shares itself with a link: wishlist-share

Settings › Custom data › Metaobjects › Gift list

Gift listMetaobject definition
Typegift_list
TitletitleSingle line text
OccasionoccasionSingle line text
Event dateevent_dateDate
MessagemessageMulti-line text
ProductsproductsList of product referencesa checkbox group in the form
OwnerownerCustomer referenceset by Smootify with customer-field
Active-draft status not needed
Storefronts access on: the site shows the entries

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 gift_list with the fields below. Turn on Storefront access.
  3. Switch on the Metaobject creator add-on in the Smootify dashboard.
  4. Place the Smootify element in Webflow: metaobject-creator with data-type="gift_list" and customer-field="owner", for logged-in customers.
  5. Download the .flow file and import it in Shopify Flow.
  6. Create the definition without a display name field, so every list gets a random handle: the link carries it.
  7. Set the address that receives the notice in place of staff@example.com.
  8. In the email step, replace RESEND_API_KEY with your Resend API key, set a sender on a domain you verified in Resend instead of lists@your-verified-domain.com, and point the button to your list page instead of www.example.com/list.
  9. Test it once with a real submission or order, then turn the flow on.

Where people get stuck.

  1. 01

    Anyone with the link can read the list: never add an email or an address to the Gift list definition. Leave the definition without a display name field: Shopify then gives every list a random handle. With the title as display name, the handle repeats the title and other customers’ lists are easy to guess.

  2. 02

    The owner edits or deletes the list from the site with metaobject-editor, on a page of the account (see Metaobject creator in the docs).

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.

Shopify plan. This file sends its email with Flow’s “Send HTTP request”, which runs only on the Grow, Advanced and Plus plans. On Basic, replace that step with the action of an app that sends transactional emails from Shopify Flow, such as Workflow Email: the rest of the workflow stays as it is.

Related.

Demo store

Not part of a demo store.

More data collection 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.

  • 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