How to Create your First Flow Design (archived)

Updated 7 months ago by Devinder Singh

In this development guide, we will uncover the steps to create the first no-code backend flow design for your websites and apps. Byteline helps to build simple to complicated flow designs with the help of powerful nodes such as scheduler, database, form submission, email verification, and much more. Let's get started. 1. Click "Start for free" 2. Create an account using SSO or manually. 3. Select relevant integrations. 4. Take the guided console tour. 5. Click "Next" Click "Done"

Byteline Workflow - How to create a flow

Made by DP Singh with Scribe



1. Once you have created your account, the Byteline console will launch. Click on the Go to Flow Designer button to create your flow.

2. Create a flow window will appear on your screen. Enter the name to create your flow and select a trigger to start your flow design. For example: to create a flow that provides real-time information to Send Email node, you can select the Webhook Trigger. Other options include: Scheduler: It can be used to schedule a flow to run at a pre-determined schedule. You can configure the flow to run at hourly, weekly, or monthly schedule. Webhook: It can be used to invoke a flow through API calls or form submissions. Airtable: It can be used to trigger a flow whenever a new record is created or updated in the Airtable.

3. Click on the add button on the top-left corner of the node and select the next node from the table.

4. For this document, we are adding the Send Email node.

5. Once you have created the structure of your first flow, you will need to configure the details of each node in the flow. Byteline makes it easy by providing intuitive configuration screens for various nodes. You can click on the edit button on the top-left corner of the webhook node to view the URL.

6. The Webhook node configuration window will appear on the screen where you will be able to view the webhook URL and API Call method used. Follow the steps as outlined below for Webhook node configuration. Click on- "Register body format now" and wait for a few seconds for the API call to come in.

7. Redirect URL can be configured to send the user to a different page after successful submission. You can tick the redirect URL checkbox.

8. Enter the Redirect URL in the field for specifying the next page to be shown.

9. Click on the Save button to save the webhook node configuration.

10. Click on the Save button to save the webhook node configuration.

11. The Send Mail pop-up will appear on the screen. Enter the email id of the recipient and subject of the email.

12. The Send Mail pop-up will appear on the screen. Enter the email id of the recipient and subject of the email.

13. You can test the flow by clicking the Test Run button at the bottom of the pop up window.

14. The flow design has been created and now you can check the success status. Once a flow has successfully run, it's ready to be used in the wild. You can now link this flow to any of your web forms.

How did we do?