Getting started
Welcome to React Flow
Main React Flow benefits How React Flow can help you? Final result Spending hours on time-consuming tasks daily won't improve your metrics or grow your business—it just wastes time and distracts you from what matters. React Flow offers you to save your time and focus on more important things that will lead your businessFeaturedGetting started in React Flow
How to start in React Flow? Steps to create your first workflow The result of the workflow ✔️ How to start in React Flow? To start using React Flow you just need to Add app from the Shopify App Store, then, click on it in the app list and open a Dashboard. Here you can start createing your worFeaturedMost Popular Flows
Hide out of stock products or Back in stock available products Product quantity alert&x20; Cancel high risk order Tag the order by purchased products Sending a reminder of unpaid orders to usersSome readersFrequently Asked Questions
Before you start using the React Flow application, we recommend you to get acquainted with frequently asked questions. What is workflow? How can React Flow help me to save my time? What processes can I automate with the help of your app? I don't haveFew readers
Overview
Guidelines and Limitations
React Flow App What is the "workflow"? What is the “number of runs”? What will happen if you reach the limit of available number of runs? Timing of workflows Delay actions What are the differentPopularOrder Workflows
What are the Order workflows? Possible Order workflows 1. Notify customers about the orders and reward them via email 2. Get notified of the cancelled order 3. Add order tags when it is fulfilled and ask customers for a review (2-add-ordeSome readersProduct Workflows
What are the Product workflows? 1. Get notified of the inventory lack and hide products that are out of stock 2. Organize new products by title and type 3. Tag orders that contain products with specific tags (2-tag-orders-that-contain-products-Some readersCustomer Workflows
What are the Customer workflows? 1. Send a thank-you email to a new customer and build his loyalty 2. Organize customers by their email domains and countries 3. Tag special customers and reward them with a discount (2-tag-special-customers-Some readersReact Flow Templates
What are the React Flow Templates? How to use templates? The most popular templates ✔️ What are the React Flow Templates? React Flow allows you to quickly create the workflows from the templates. You can find them on the Templates tab from the main dashboard.PopularComponents of the workflow
Three components of the workflow Triggers, conditions & actions in the workflows Setting up Triggers Setting up Conditions Setting up Actions Delay your workflow for a better time (3-delay-your-workflow-for-a-beSome readersReact Flow Triggers & Actions
React Flow Triggers and Actions&x20; How it works?&x20; Order triggers&x20; Customer triggers Product triggers Actions If you can't find the trigger or action you want? In this article, we will tell you about wPopularScheduled triggers in React Flow
Scheduled triggers in React Flow Steps to create workflow with Scheduled triggers The result of the workflow ✔️ Scheduled triggers in React Flow React Flow allows users to create scheduled workflows. It means that some actions will automatically be performed at the sFew readersActivity page
What is Activity page? How does it work? Time interval What is Activity page? The Activity page is your central hub for tracking all workflow activity in one convenient place. It allows you to monitor every workflow that’s been launched, along with the final outcome - whether successful or failed. You'll also find clear, easy-to-understaFew readersSingle Activity page
What is the single activity page? How can a single activity page be useful Final result ✔️ What is the single activity page? Once you've created specific workflows, you can observe how each process works independently. Click on any workflow, for example, Order created. After this, you'll see a nFew readersReact Flow Counters
What are counters? An example from templates? How to count how many people used the discount? How to calculate how many products were bought with a tag HOT in a week?Few readers
Advanced Features
Run Code
In this article: About the Run Code action Key benefits Workflow example Next step ✔️ About the Run Code action The Run Code action enables you to insert JavaScript blocks into your workflow, giving you complete control over logic, data transformation, and integration with Shopify's API. It’s ideal for advanced users who need more flexibility than what standarFew readersRun Code Technical Guide
This guide explains the Run Code Action, a tool for executing JavaScript in workflows to process data and generate outputs. It includes setup instructions, usage details, debugging tips, examples, and known limitations. In this article: Runtime Environment & System APIs GraphQL service ($graphql) Context ($context) (1-contFew readersWebhooks
What are webhooks? How to connect a webhook to React Flow? Need help? ✔️ What are webhooks? Webhooks are automated notifications that send real-time data from third-party services to your store at a generated URL you provide. Instead of constantly checking for updates, a webhook instantly notifies another service by sending data toFew readersFunctions
What are Functions? Available Functions Need help? ✔️ What are Functions? Shopify Functions are a mechanism that allows you to customize and extend Shopify’s logic for the cart and checkout without coding. This option let apps extend Shopify’s built-in features in a fast and safe way in key areas like discounts, shipping, payments, and checkout logFew readersFunctions - Discount
About Discount Function Use templates Create from scratch Need help? ✔️ About Discount Function A Discount Function is a custom discount created using Shopify Functions that can be applied to different parts of the checkout procFew readersObserver
What is the Observer feature? How to track updated items? ✔️ What is the Observer feature? Observer is used to track the updates within customers, orders, products, etc. This option will help you to track updates in the product’s title, tags, customer’s name, etc. Observer helps you stay informed about important changes such as updates to productFew readers
Integrations
React Flow Connectors
What are Connectors? Available connectors Need help? ✔️ What are Connectors? Connector - an option that allows you to connect to the required services. All connectors are available in the Connectors tab in the left column inside the app. (https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/connectors-lSome readersSend email with SMTP connector
What is SMTP? How to activate SMTP connector? Send email action Available connectors ✔️ What is SMTP and SMTP connector? SMTP is a simple communication protocol used to send emails from a sender's server to a recipient's server. The SMTP connector allows you to connect external email hosting provSome readersSMTP - Yahoo email hosting provider
What is Yahoo email hosting provider? How to set up Yahoo provider? Generate app password ✔️ What is Yahoo email hosting provider? Yahoo is one of the most used email services on the planet. Using this hosting allows us to expand the number of communication channels for our clientsFew readersSend SMS and WhatsApp messages with Twilio
What is Twilio? Benefits of using Twilio in React Flow How to connect Twilio to React Flow Send SMS action Send WatsApp message action ✔️ What is Twilio? Twilio - a communication service that provides automatically generated pSome readersCreate tasks with Asana
What is Asana? How to connect Asana to React Flow? Create Asana task action ✔️ What is Asana? Asana is a work management service that allows teams to organize, track, and manage their work. Integration with Asana allows you to create tasks within the React Flow. ✔️ How to connect AsanFew readersGoogle email hosting provider
What is SMPT mail hosting? How to set up a Google provider? Generate app password ✔️ What is SMTP mail hosting? With SMTP mail hosting you can connect external email hosting provider and use your personal authorized business email as the sender in all "Send email" actions. Find more detailed inforSome readersSlack connector
What is Slack? How to connect Slack with React Flow? ✔️ What is Slack? Slack is a team communication tool that lets people chat in channels, send direct messages, share files, and integrate with other work apps. It’s basically a real-time hub for team collaboration. ✔️ How to connect Slack with React Flow? Open the React Flow app -> Connectors tFew readersMailchimp connector
What is Mailchimp? How to connect Mailchimp with React Flow? ✔️ What is Mailchimp? Mailchimp is a marketing platform mainly used for email marketing. It helps businesses create and send emails, manage contact lists, automate campaigns, and track performance like opens and clicks. It also supports basic SMS marketing,Few readersXero connector
What is Xero? How to connect Xero with React Flow? ✔️ What is Xero? Xero is cloud-based accounting software—basically a modern bookkeeping and finance hub for small and medium businesses. ✔️ How to connect Xero with React Flow? Open the React Flow app -> Connectors tab -click on Xero. (optioFew readersMicrosoft connector with Outlook service
What is a Microsoft connector? How to activate the Microsoft connector? Send email action ✔️ What is a Microsoft connector? Microsoft is a new connector that allows you to use "Microsoft Outlook" as a provider for sending email from the "Send email" action. ✔️ How to activate the Microsoft connecFew readersJudge.me Reviews Connector
What is Judge.me Review? How to connect Judge.me with React Flow? ✔️ What is Judge.me Review? Judge.me Reviews is a Shopify application that allows users to display review widgets, collect, manage, and display customers’ reviews. ✔️ How to connect Judge.me with React Flow? Step 1. Install the Judge.me Product ReviFew readers
FAQ
What is workflow?
To say briefly, workflow is the series of activities, that are necessary to complete the task. Workflow automation involves the use of tools that will allow you to perform tasks automatically. In the context of our application, we are talking about the following:Few readersHow can React Flow help me to save my time?
React Flow automates various workflows, optimizing repetitive tasks that merchants typically handle manually or delegate to employees. For example, you can automatically track the quantity of products in stock, add tags, send required notifications or emails to customers, etc. You need to spend time once setting up the workflow you are interested in and the application will perform them automatically. In our Help Center, you can read abouFew readersWhat processes can I automate with the help of your app?
The app provides multiple triggers and actions, so you can automate many processes. For example, you can add marketing tags, send everyday reports with low-stock items, inform about high-risk orders, send a reminder about unfulfilled orders to the store owner, etc. For more information please refer to the relevant articles: Order Workflows, Customer Workflows (https://help.devit.sofFew readersI don't have time to figure out the application. Do you have any templates?
Yes, we have. We value your time, so we have created ready-made templates of the most popular flows. To launch a template you should go to the Templates section, select the appropriate template, and launch it. For example, react Flow provides a template that tags orders with foreign currencies. The application verifies the payment currency of each order. If the currency is not USD, the application automatically applies a tag to the order. In tFew readersWhat privacy and permission do I grant for React Flow during the installation?
What are scopes? What this app can do in your store ✔️ What are scopes? By confirming the React Flow installation, you agree to grant our application access to certain functionality. For example, customer information, store owner data, order information, marketing information, etc. In this guide, we describe whFew readersCan I track the effectiveness of each workflow?
Yes, sure. The app has an Activity page where you will see the results of each workflow. Namely, you will find info about executed and failed actions. This will help you to understand which workflow works better and which needs improvement. Check our guide, if you need more info about the Activity Page.Few readersWhat means the “number of runs”?
For example, if you want to assign a VIP tag to customers who purchase goods worth more than $1,000, the flow will execute each time a customer places an order to determine if the VIP tag should be added. Each execution counts as one run.Few readersWhat will happen if I reach the limit of available number of runs?
However If you reach the limit, your workflow will continue working. However, each subsequent launch over the limit will cost an additional usage fee (according to your subscription plan). Note that usage fees will be charged even during the trial period. You can find the most complete information about limits in our article. Follow the link below.Few readersWhen do limits reset?
Limits reset on the first day of each month, and new limits are applied simultaneously. This means you can start using the allocated limits from your subscription plan again at the beginning of each month.Some readersCan I upgrade or downgrade plan?
Subscription Yes, sure. You can upgrade or downgrade your plan anytime. On the Plans page inside the app, you will find available plans. Select the plan that suits you best.Few readersAre there any additional payments?
No, application pricing is as transparent as possible. You have only a monthly payment. However, the app provides certain limits for each plan. If you stay within the limit, a monthly fee will apply. However, if you exceed the limit, additional usage fees will be charged.Few readersSending emails on React Flow plans
About limits How to increase the limit? ✔️ About limits React Flow provides a limit for sending emails for Standard, Professional, and Unlimited plans. Namely, you can send 500 emails per day. We value our clients and are committed to providing a secure and respectful experience. To safeguard against potential spam or fraudulent activity through our applicFew readersIs your app partner-friendly?
Yes, of course our app is partner-friendly. You can use it for free while developing your store in developer mode.Few readersCan I get a demo of the app?
We provide a free trial period when you can test all features for free. Note that if you exceed the run limit, usage fees will be charged even during the trial period. After the trial period ends, you will be charged for the first month. If you uninstall the application before the trial period concludes, no charges will apply. Additionally, you can book a Demo of the application at any time. Our manager will call you at the agreed time and gladly show you the aFew readersIf I have questions or problems using the app, can I get help?
Our support managers work 24/7 and you can contact them anytime through whichever channel works best for you: Email – Just reply to this message or write to us anytime at ✉️ support@devit.software. Live Chat – Open the chat inside the app, or 💬 start chatting now. Schedule a Call – 📅 Book a time tFew readers