> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.devit.software/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# React Flow Triggers & Actions

# ${color}[#204a87](React Flow Triggers and Actions)

${color}[#3465a4](**In this article:**)
* [React Flow Triggers and Actions ](#1-react-flow-triggers-and-actions)
* [How it works? ](#1-how-it-works)
* [Order triggers ](#1-order-triggers)
* [Customer triggers](#1-customer-triggers)
* [Product triggers](#1-product-triggers)
* [Actions](#1-actions)
* [If you can't find the trigger or action you want?](#1-if-you-cant-find-the-trigger-or-action-you-want)

In this article, we will tell you about what **Triggers** and **Actions** are and how to use them.
running
Basically, this is the main functionality of the **React Flow** application, which allows you to build various flows to automate processes in your online store,

A workflow consists of main components that you need to set up to give it the exact parameters by which it will run. You can create automated tasks of varying complexity. Multiple **Triggers**, **Conditions**, and **Actions** are available for you.

# ✔️ React Flow Triggers and Actions

**Triggers** automatically initiate your workflows and can be applied in various scenarios. For example, you can use them to start a flow when a new order is created or successfully paid, a customer registers, a product is added to your store, or even on a specific day and time.

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/react-flow-triggers_egaan2.png)

**Actions** - send well-designed messages to email, tag a customer or an order, work with metafields, publish and unpublish products, automate fulfillment, cancel the order, make a delay between execution, and much more.

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/actions-react-flow_1r777wv.png)

# ✔️ How it works?

When you set up a trigger you choose an event that has occurred in your store and the app automatically identifies which actions should follow next and what changes will be performed. First you need to choose a trigger. As soon as you’ve selected it you’ll be able to manage other components as actions. Click **Сreate workflow** to start

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/create-your-first-workflow_17lr7g5.png)

# ✔️ Order triggers

The application has **Triggers** that are associated with each component of your store. 

In the right column, you can find a **Trigger** that will help optimise your Shopify store: **order created**, **order deleted**, **order cancelled**, **inventory quantity changed**, etc. 

With those **Triggers** you can react to certain events related to goods. 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/order-trigger_11y4kr6.png)

If you choose a **Trigger Order Created** - the workflow starts when the new order is created. Now you can choose **Actions**, **Conditions** or **Delays** for this flow. You can view all **Trigger** options in the column on the right.

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/workflow-components_1h5avvf.png)

Let's imagine that you want to capture payment for the order that triggered this workflow - for this you need **Add action Captured payment**. 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/capture-payment_1u6g8bl.png)

Or, after the order is created, you can send an order report email with a delay to the customer. Choose **Order created**, add a **Delay**  5 minutes

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/set-delay-action_aag2zw.png)

and **Add action Send order report**, add variables to the **Subject** field and write some information for the buyer. 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/send-order-report_vvo91h.png)

# ✔️ Customer triggers

Let's look at other groups of **Triggers**, such as related to сustomers. 

On the right, you can enter the word: "сustomer" and see the **Triggers** associated with customers. 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/customer-triggers_15xiju8.png)

If you choose one of the **Triggers** such as **Customer created** then you can configure certain actions related to this flow: add a tag and add action.  For instance, we can add a tag **New customer** 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/new-customer-tag_f3tho4.png)

and **Add Action Send new products notification** for customers with this tag. Don't forget to adjust the field on the right so that the letter works best.

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/send-new-product-notification_1o2n4el.png)

# ✔️ Product triggers

Another popular group of triggers is **Product**: Product added to store, Product deleted, Inventory item created (this trigger starts a workflow when a new item was created in your store. The inventory item contains the information about the product’s availability in the stock (if it can shipped), and about its tracking. Also inventory item deleted, Inventory quantity change (this workflow starts if the inventory quantity changes when there is an order created or canceled in your store) 

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/products-trigger_1c6qazf.png)

# ✔️ Actions

Once you've decided which trigger to use, you can set up any action. There are different actions that change depending on the selected trigger. They can relate to customers, products, collections, orders, payments, etc - these **Shopify** actions. Or you want to contact your customers to inform about discounts, new collections or clarify the details of the order - there are **External** actions.  Also you can find **Connectors. **Read more about Connectors in [this article. ](https://help.devit.software/en/article/react-flow-connectors-8urln8/)

For instance, for the trigger **Order is created**  you can choose **Send order invoice** action or you can Add product variant to order and customise this proposition for your client.'

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/send-order-invoice_wzahq4.png)

Choose any actions that will help manage processes in your store and communicate with customers 

# ✔️ If you can't find the Trigger or Action you want?
 
These are just a few of the available **Triggers** and **Actions **— the app offers extensive functionality. Plus, new **Triggers** and **Actions** are continuously being added.

If you cannot find the right **Trigger** or **Action** for the situation you want to implement and use in your store - you can write to support and we will try to help you. We are happy to improve our functionality and add new opportunities to optimize your store.

![](https://storage.crisp.chat/users/helpdesk/website/3271b421d88bd400/help-page_10o0i5a.png)

## Suggestion articles

* [Order Workflows ](https://help.devit.software/en/article/order-workflows-1hqqsbz/)
* [Customer Workflows ](https://help.devit.software/en/article/customer-workflows-rhch08/)
* [Product Workflows ](https://help.devit.software/en/article/product-workflows-1bldrzx/)