Core Concepts
Platform
Techniques
Shopify Flow
Mechanic allows developers to integrate their work with Shopify Flow via an official Flow connector, sending triggers to Shopify using Mechanic's Flow action, and receiving events from Shopify using custom event topics in the user domain.
What is Flow?
Flow is Shopify's answer to automation for Plus merchants: a graphical tool that allows for defining automation using flowchart-like structures.
Shopify Flow is an ecommerce automation solution that was purpose-built to help solve the unique challenges that Shopify merchants face. With Flow, you can build workflows to automate tasks, campaigns, and processes within your store and across your apps.
Flow terminology
As an automation tool itself, Flow has its own terms for the components of automation.
Workflow
A package of configuration, containing a trigger, zero or more conditions, and one or more actions. Analogous to a Mechanic task.
Trigger
An event from Shopify or another connector (like Mechanic), which can be used to set workflows. Analogous to a Mechanic event.
Condition
A logical check which evaluates some data (possibly provided by the trigger), and steers the workflow towards specific actions. Loosely analogous to the code in a Mechanic task.
Action
Work to be performed, at the conclusion of a workflow's run. Directly analogous to a Mechanic action.
Both Mechanic and Flow use the term "action"! When working on both of these platforms together, keep an eye out for this term, and make sure you understand which platform's definition is relevant.
Connecting Mechanic
Mechanic's Flow connector works in both directions: Mechanic → Flow, and Flow → Mechanic.
- Beginning on the Mechanic side, the Flow action sends data to Flow, arriving in the form of a trigger, and setting off the Flow workflows configured there.
- Beginning on the Flow side, the Mechanic action sends data to Mechanic, arriving in the form of a new event, setting off the Mechanic tasks configured there.
Mechanic → Flow
Shopify Flow workflows are triggered from the Mechanic side, using Mechanic's Flow action. There are four triggers to choose from: General, Customer, Order, and Product. Mechanic's Flow action can produce any one of these four triggers, depending on the action options given.
On the Flow side, workflows may be configured to listen for any of these four Mechanic triggers.
Triggers
- General
- Send user-defined data to a Shopify Flow workflow.
- Customer
- Send a customer ID to be pulled up in context in Shopify Flow.
- Send user-defined data to a Shopify Flow workflow.
- Order
- Send a order ID to be pulled up in context in Shopify Flow.
- Send user-defined data to a Shopify Flow workflow
- Product
- Send a product ID to be pulled up in context in Shopify Flow.
- Send user-defined data to a Shopify Flow workflow
User-defined data
All four triggers include the following user-defined data variables, given as options to the Flow action. If a variable is omitted from the action's options, Mechanic will still send it to Flow, using a default value.
Usage
To choose between trigger types, choose between defining exactly one specific Shopify resource ID (i.e. for a customer, order, or product, resulting in the appropriate resource trigger), or omitting a resource ID entirely (resulting in the General trigger).
1
{% action "flow" %}
2
{
3
{% comment %}
4
If you want your Mechanic Flow trigger to be associated
5
with a Shopify resource, you may include its numeric ID
6
below. Only one resource at a time is supported. Leave
7
this out entirely to use the General Mechanic Flow trigger.
8
{% endcomment %}
9
"customer_id": 1234567890,
10
"order_id": 1234567890,
11
"product_id": 1234567890,
12
13
{% comment %}
14
Keep as many of the following as you like. Any omitted
15
keys *will* be submitted anyway, using the default value
16
given below. If you don't want to use Mechanic's default
17
value, make sure to *keep* the key in place below, setting
18
it to whatever you like.
19
{% endcomment %}
20
"user_boolean": false,
21
"user_email": "[email protected]",
22
"user_number": 0,
23
"user_string": "",
24
"user_url": "https://mechanic.invalid/"
25
}
26
{% endaction %}
Copied!
On the Flow side, configure workflows to start with the appropriate Mechanic trigger.
Flow → Mechanic
The Mechanic action, in Flow, sends new events to Mechanic.
Option
Notes
Event topic
Event data
Optional; must be valid JSON.
Task ID
Optional; restricts processing of the resulting event to a single Mechanic task. Note that the task must still subscribe to the event topic for it to receive these events.
The resulting Mechanic event will have a topic and data reflecting the Flow action configuration. Event data is available to tasks via
event.data, as usual. (For more on how to use event data, see Event object.)When using Flow's template variables for event data, remember to use the json Liquid filter as necessary, for making template variables safe for use in event data. Here's an example of event data, using template variables and the json filter:
1
{
2
"customer_email": {{ customer.email | json }},
3
"customer_note": {{ customer.note | json }}
4
}
Copied!
If the event data configuration results in invalid JSON, the resulting Mechanic event will contain data reflecting the JSON error encountered. Here's an example:
1
{
2
"__error": {
3
"message": "An event was received from Flow with invalid JSON in its event data. Check the originating workflow's configuration and resolve the issue there. (Hint: the `json` Liquid filter is often useful in cases like this!)",
4
"invalid_event_data_json": "{\n \"user_boolean\": true,\n \"user_email\": \"[email protected]\",\n \"user_number\": 5,\n \"user_string\": \"asdfasdf\",\n \"user_url\": \"https://google.com/\",\n \"mechanic_task_id\": \"6c461365-ae83-46c4-b33e-a0d7c81b03d5\",\n \"mechanic_event_topic\": \"mechanic/user/trigger\",\n \"mechanic_event_inspector_url\": \"https://mechanic-dev-isaac.myshopify.com/admin/apps/mechanic-dev-isaac/~/events/659df64b-7622-4bc4-924c-dda268c737b2?task_run_id=cd49135a-cdcc-452b-9338-4fa3288bd577\",,,\n}"
5
}
6
}
Copied!
Last modified 7mo ago
Copy link
Edit on GitHub