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 opFeaturedMost Popular Flows
Hide out of stock products or Back in stock available products Product quantity alert 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
automate routine tasks and save 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 (1-delay-acSome readersReact Flow Templates
what 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 How it works? Order triggers Customer triggers Product triggers Actions If you can't find the trigger or action you want? In this article, we will tell you aboutPopularScheduled 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? Choose a necessary time interval What is Activity page? Monitoring all your workflows and actions in one place is far more efficient. That’s why we created the Activity page. Here, you can view all your launched workflows, along with their final actiFew 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
Integrations
React Flow Connectors
What are Connectors? Available connectors ✔️ 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. Click on it to open the list of connectors. List of the available connectors (https://storage.crisp.chat/users/helpdeskSome readersSend email with SMTP connector
What is SMTP? How to activate SMTP connector? Send email action ✔️ 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 provider and use your personal authorized businessFew readersMicrosoft 365 email hosting provider
What is Microsoft 365 email hosting provider? Enable Authenticated SMTP Create Microsoft 365 connector in React Flow ✔️ What is Microsoft 365 email hosting provider? Microsoft 365 is a product family of productFew readersOutlook email hosting provider
What is Outlook email hosting provider? How to set up Outlook provider? Generate app password ✔️ What is Outlook email hosting provider? Microsoft Outlook is one of the most used email services on the planet. Using this hosting allows us to expand the number of communicationFew 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 readersYahoo 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 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 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 pFew readers
FAQ
What is workflow?
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?
grant 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 descrFew 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.Few 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
a 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 ourFew 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?
free trial 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 shoFew readersIf I have questions or problems using the app, can I get help?
Yes, of course! Our support managers work 24/7 and you can contact them anytime. There are several ways to contact us: email, live chat, and call. Relevant features you will find inside the application in the Support tab or you can write to our e-mail: support@devit.softwareFew readers
Order 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 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-Few 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-wiFew readers