2.0 Beta

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

What changed
Reviews

Review request after delivery

A few days after an order is fulfilled, the customer gets a link to review what they bought on your site.

How it runs.

It starts in Shopify: no form involved.

  1. TriggerOrder fulfilled
  2. ConditionCheck if
    • Wait 5 days after fulfillment
    • The order’s customer has an email address

    Otherwise the workflow stops here.

  3. Action

    Email the customer one button per product of the order, each to its reviews on your site (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=review and data-draft
  • Element: file-input inside the form, for a photo
  • Element: smootify-metaobjects to list the reviews under the product
  • Metaobject definition review, with Storefront access
  • A product metafield of type list.metaobject_reference, or a filter on the product field, to link reviews to products
  • A way to send the email from Flow: a Resend account, which the file uses through “Send HTTP request” (Grow plan and above), or an app that sends emails from Flow, such as Workflow Email

Settings › Custom data › Metaobjects › Review

ReviewMetaobject definition
Typereview
RatingratingRatingfrom 1 to 5
BodybodyMulti-line text
AuthorauthorSingle line text
ProductproductProduct reference
PhotophotoFile
Active-draft status on: entries wait as drafts
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 review with the fields below. Turn on Active-draft status and 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=review and data-draft.
  5. Download the .flow file and import it in Shopify Flow.
  6. Give the reviews section of the product page the ID reviews in Webflow: the buttons of the email land on it.
  7. Put data-draft on the form. Reviews arrive as drafts and go live only when you approve them in Shopify.
  8. Draw the stars in Webflow from the rating: metaobject="rating" sets --metafield-rating, the rating as a share of its scale, for a fill as wide as that share. The form sends a plain number, such as 4, and Smootify’s server writes it on the field’s scale.
  9. Test it once with a real submission or order, then turn the flow on.

Where people get stuck.

  1. 01

    Without data-draft, everything is published unchecked, including the first offensive review.

  2. 02

    Without Storefront access on the definition, reviews are saved but the site cannot read them back.

  3. 03

    The rating field needs its scale in Shopify, such as 1 to 5: a number outside it is refused, and the Error message of the form shows why.

  4. 04

    The form needs the Server plan.

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.

The email goes through Resend with a “Send HTTP request”. In that step, replace UNSET_RESEND_API_KEY with your Resend API key, put a sender on a domain you verified in Resend, and point the buttons to your Webflow site (https://www.example.com/products/<handle>#reviews). To send it with another app, such as Workflow Email, replace the step with that app’s action.

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.

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