2.0 Beta

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

What changed
Alerts

Support request to the right team

A support request sent from the customer account, with the order number and photos, reaches the right team on Slack by topic, and the customer gets a confirmation with a request number.

How it runs.

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

  1. TriggerMetaobject entry created
  2. ConditionCheck if
    • The topic sends the Slack message: return or defect to the warehouse, technical to the technical team, anything else to customer service

    Otherwise the workflow stops here.

  3. Action 1

    Collect the links of the uploaded photos (“Run code”)

  4. Action 2

    Look for the order number among the customer’s own orders (“Get order data”)

  5. Action 3

    Email the customer that the request arrived, with its number (the file sends it with a “Send HTTP request” to Resend)

  6. Action 4

    Mark the request as received

  7. Action 5

    Post the request on Slack with the customer, the topic, the order (or “order not found”), the message and the photo links (“Send Slack message”, Slack app)

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="support_request" and customer-field="customer" in the account: order number, a Select for the topic, the message and a file-input for the photos
  • Metaobject definition support_request, private
  • The Slack app in Shopify, connected to your workspace, for the “Send Slack message” steps

Settings › Custom data › Metaobjects › Support request

Support requestMetaobject definition
Typesupport_request
Order numberorder_numberSingle line text
TopictopicSingle line text: returndefect, technical or other
MessagemessageMulti-line text
PhotosphotosList of files
CustomercustomerCustomer referenceset by Smootify with customer-field
StatusstatusSingle line textwritten by the workflow
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 support_request 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="support_request" and customer-field="customer" in the account: order number, a Select for the topic, the message and a file-input for the photos.
  5. Download the .flow file and import it in Shopify Flow.
  6. Give the topic Select the values return, defect, technical and other: the workflow sorts on these values, whatever the labels say.
  7. In the three Slack steps, pick your channels in place of #warehouse, #technical and #customer-service.
  8. In the email step, replace RESEND_API_KEY with your Resend API key, and put your store’s name and a sender on a domain you verified in Resend in place of Smootify Support <support@example.com>.
  9. Test it once with a real submission or order, then turn the flow on.

Where people get stuck.

  1. 01

    Keep the definition without Storefront access: the request holds the customer and their message. That also means the account cannot list “my requests”: the customer hears back by email.

  2. 02

    The form works only for logged-in customers: the workflow reads the customer of the request for the email and the order.

  3. 03

    The email runs before the Slack message: if the Resend key is wrong, the workflow stops and the team is not told. Send a test request after setting it up.

  4. 04

    The order is searched by the number the customer typed: if it reads “order not found”, check whether they typed something else, such as the number with a #.

  5. 05

    Answers go by email from your inbox: the form collects the request, it is not a helpdesk.

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.

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