Getting started
Welcome to React Flow
Welcome to React Flow! In this article: 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
Quick start in React Flow In this article: 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
Popular Flow In this article: 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 users [PopularFrequently Asked Questions
FAQ 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 have tFew readersPlaybooks in React Flow
Playbooks are ready-made automations built around a proven goal. You turn one on, and React Flow builds and launches the whole automation for you — no workflow to assemble, no triggers to pick. From that moment the Playbook runs on its own and reports its results on its card. This article explains what Playbooks have in common, how to work with them, and which ones are available right now. Where to find Playbooks In your Shopify admin, open **Apps → React Flow → PlaybFew readers
Overview
Scheduled triggers in React Flow
Scheduled triggers in React Flow In this article: What the Scheduled time trigger does Set up the schedule Example 1: weekly product sales report Example 2: process products every day with Fetch Run once and turn on the workflow [CheckSome readersReact Flow Templates
React Flow Templates In this article: 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. Templates - are ready-to-use workPopularOrder Workflows
Order Workflows In this article: 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-ordePopularCustomer Workflows
Customer Workflows In this article: 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 readersProduct Workflows
Product Workflows In this article: 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 readersComponents of the workflow
What are the elements of the workflow? In this article: 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-betPopularWorking with workflows: Notes, Actions, and Testing
Working With Worflows In this article: Sticky notes Manage nodes Binding test data Running tests In this article, we’ll explore features that make it easier and more comfortable to work with our builder. These features are designed to save you time and give you more control as you create workflows. You’ll learn how to add helpful notes to keep your work organizFew readersReact Flow Triggers & Actions
React Flow Triggers and Actions In this article: 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 about wPopularOne-Shot workflows: run a workflow manually
One-Shot workflows: run a workflow manually In this article: What a One-Shot workflow is Create a One-Shot workflow Fetch resources: process many items at once Get resources: run for one item you choose Run the workflow [Check the result](#1-check-the-resuFew readersHow runs are counted in React Flow
How runs are counted in React Flow In this article: What is a run? Testing doesn't count as runs The exception that matters most: fetch actions create sub-flows Retrospective initialization for update triggers [Choosing a plan for your run volume](#1-choosing-a-planFew readersActivity page
Activity page - Your all-in-one statistic In this article: 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-understaSome readersSingle Activity page
Single Activity page In this article: 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 nSome readersWhat React Flow can't do, and workarounds
What React Flow can't do, and workarounds In this article: Runs and plan limits Triggers and store data Building workflows Emails and connectors Files and AI Testing and reports React Flow covers most store automations, but some things work differently from what you might expect, and aFew readersGuidelines and Limitations
Guidelines and limitations In this article: Workflows and runs What counts as a run When you reach your monthly runs When workflows start and stop Delays Plans Other limits to know Tips to use fewer runs React Flow plans differ inPopular
Advanced Features
Fetch: process orders, products and customers in bulk
Fetch: process orders, products and customers in bulk In this article: What Fetch does Where you can use Fetch Set up a Fetch step Filter the items with a query Use the fetched item in actions Runs and limits Check the result Fetch takes a lisFew readersFetch query: choose exactly which items your workflow processes
Fetch query: choose exactly which items your workflow processes In this article: Why the query matters Where to write the query Query syntax basics Product query examples Filter products by metafields Use dynamic dates with Liquid [Order query examples](#Few readersA/B split: send runs down different paths by percentage
A/B split: send runs down different paths by percentage In this article: What the A/B step does Add an A/B step Round robin and Balancing Add more than two variants See which path a run took Ideas for A/B tests The A/B step splits the runs of a workflow between two or moFew readersGenerate PDF documents in a workflow
Generate PDF documents in a workflow In this article: What the Create PDF document action does Create a PDF Where the PDF is saved Attach the PDF to an email Example: send an invoice PDF for every new order Limits and tips With the **CreaFew readersWorkflow testing
Workflow testing In this article: What is Bind test? Triggers testing Webhook testing Need help? ✔️ What is Bind test? Bind test is a feature that allows you to test created workflows with the use of existing data. This helps creating more correct and effective automations by validating how the workflow behaves with actual event data. ✔️ Triggers testinFew readersRun Code
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
Run code 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
Webhooks In this article: 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 readersObserver
Observer In this article: 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 readersFunctions
Functions In this article: 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
Discount Function In this article: 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 readersReact Flow recipes: Liquid in emails, HTTP request bodies, tags from metafields and win-back
React Flow recipes: Liquid in emails, HTTP request bodies, tags from metafields and win-back In this article: Before you start: test Liquid with Log output Recipe 1: Liquid in an email template Recipe 2: JSON body for an HTTP request [Recipe 3: tag products from a metafield](#1-recipe-3-tag-products-from-a-Few readersReact Flow Counters
React Flow Counters In this article: 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? RectFlow: how to use counters?Some readers
Integrations
Google Drive connector: save workflow files to Google Drive
Google Drive connector: save workflow files to Google Drive In this article: What you can do with Google Drive Connect your Google account Save a generated file to Google Drive Copy a file from a URL to Google Drive [Attach a Google Drive file to an email](#1-attach-a-google-drive-Few readersGenerate images with OpenAI in a workflow
Generate images with OpenAI in a workflow In this article: What the Generate Image action does Connect OpenAI Add the Generate Image action Image options Use the generated image Costs and tips The Generate Image action creates an image from a text prompt using an OpenFew readersReact Flow Connectors
React Flow Connectors In this article: 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
Configure SMTP connector In this article: 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
Configure Yahoo email hosting provider In this article: 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 clientsSome readersSend SMS and WhatsApp messages with Twilio
Send SMS and WhatsApp messages In this article: 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
Configure the Asana connector and create tasks In this article: 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 AsanSome readersGoogle email hosting provider
Google email hosting provider In this article: 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
Connect Slack In this article: 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
Connect Mailchimp In this article: 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
Connect Xero Account to React Flow In this article: 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
React Flow Connector In this article: 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
Connect the Judge.me& Review App In this article: 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
When do limits reset?
When Do My Monthly 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 readersSending emails on React Flow plans
Plans Limitations In this article: 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 applicSome readersCan I upgrade or downgrade plan?
Subscription Upgrade / Downgrade Subscription Plans 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. Subscription plansFew readersWhat 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: Workflow is a chain of trigger, condition, and action that allowsFew readersWhat will happen if I reach the limit of available number of runs?
Limit of Runs 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. React Flow LimitationsFew readersWhat privacy and permission do I grant for React Flow during the installation?
Scopes overview In this article: 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 readersWhat processes can I automate with the help of your app?
Automated Processes 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 readersCan I get a demo of the app?
Get A Demo If you’d like to learn more about the app, you can book a call with our support manager. They’ll contact you at the scheduled time and provide a live demonstration of the application. We also provide a free trial period, allowing you to test all features at no cost. Please note that if you exceed the run limit during the trial, usage fees will apply. After the trial period ends, you willFew readersI don't have time to figure out the application. Do you have any templates?
React Flow 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 readersIf I have questions or problems using the app, can I get help?
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](https://outlook.office.com/book/booking@devit.softwFew readersIs your app partner-friendly?
Developers Mode Yes, of course our app is partner-friendly. You can use it for free while developing your store in developer mode.Few readersCan I track the effectiveness of each workflow?
Track Effectiveness 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 readersHow can React Flow help me to save my time?
Automate Workflows And Save 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 readersAre there any additional payments?
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 readersHow to cancel your subscription or uninstall React Flow
How to cancel your subscription or uninstall React Flow In this article: Change or cancel your plan Before you uninstall Uninstall React Flow What happens to billing React Flow is billed through your Shopify bill. You can switch to another plan inside the app, or uninstall React Flow, which cancels any plan and stops all chargeFew readers