--- title: Workflow slug: test-archbee/workflow description: Improve document organization and step-by-step processes with Archbee's Workflow block. Easily insert, edit, and reorder steps within the block while maintaining automatic renumbering. Enhance content with nested Archbee blocks for a comprehensive documen docTags: createdAt: 2023-04-03T10:44:09.000Z --- We designed the **Workflow** block to help you create and organize step-by-step processes in your documentation. ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/rxY4Ub_WsSPxd6PXjUUm0_workflow-light01.png "Workflow block") This powerful block supports seamless integration of other blocks within each item of the workflow, allowing you to further create detailed and visually appealing process documentation. ## Why to use it? - **Enhanced Clarity** By breaking down processes into manageable steps, you improve readability and comprehension for your audience. - **Improved Organization** The Workflow block provides a structured framework for your content, making it easier to navigate and understand. - **Visual Appeal** The block's visually appealing design enhances the overall presentation of your documentation. - **Flexibility** The Workflow block supports nested blocks, allowing you to add additional details and context within each step. ## How to use the workflow block? ::::::WorkflowBlock :::WorkflowBlockItem ### Insert a Workflow block - Press `/` on an empty paragraph to open Archbee blocks menu, type `workflow` and press enter. You can also scroll to find the block. - You can type directly `(workflow)` in an empty paragraph to change it to workflow block. - Click within the step and start typing to create your first step. You can style the content however you like using the [WYSIWYG Menu](#). ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Gw-umM09gX7BEDKcPuv4K_workflow-light03.png "Select Workflow") ::: :::WorkflowBlockItem ### Add steps - Use the **+ Add workflow item** button to create additional steps. - To edit a step, simply click on it and make your changes. ::: ::::WorkflowBlockItem ### Reorder steps Click on move arrows ( **↕** ) and drag & drop steps to rearrange their order within the workflow. :::hint{type="info"} The steps in your Workflow block will **automatically renumber** as you reorder them. ::: :::: ::::WorkflowBlockItem ### Delete steps 1. Click on a step you want to delete. 2. Remove all the content inside of this step. 3. Press **Backspace** delete the step. :::hint{type="info"} The steps in your Workflow block will **automatically renumber** as you reorder them. ::: :::: :::::WorkflowBlockItem ### Add nested blocks Within a step you can add nested content blocks (e.g., images, code, etc.). Press `/` on an empty paragraph, inside of a step, to open Archbee blocks menu. Here, you can add: ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem Basic Blocks - [Headings](docId\:hfA9LT8L1mAixSPMs_JpB) - [Expandable Headings](docId\:MTFaLsx3QK7qdYHy0FeNa) - [Lists](docId\:xxSWw4KuAg09A-25Bb-ei) - [Table](docId\:grSu45ZzRL11JPi7M81mv) - [Button](docId\:sCzbjjNMDTXFEXb3ipWWf) - [Callout](docId\:FXtHoKvC7X2Q1JQE6mM1n) - [Horizontal Divider](docId\:nvnt5NfPJEBhGSD-WocwI) - [Vertical Split](docId\:EJv8dGY1gL1Gd4BIz4EKK) - [Link Blocks](docId\:wrHC4AtQ9ip8Ap443o3xh) - [Tabs](docId\:eYGdjtDfzQI2KpQvO5UM5) ::: :::LinkArrayItem Media Blocks - [File](docId\:Tx_-enKfyowr13mR_vQ_H) - [Image](docId\:XFfeje1mHdumOzvfG3naB) - [Video](docId\:xgWqCO_MRLDG4uh_qnz9Q) - [Map](docId\:QHWlUnuRRKeb8pH4D1hYN) ::: :::LinkArrayItem Developer Blocks - [Code editor: multi-language](docId\:ZSk5cV3KvoZDUpZY3oI_c) - [Mermaid diagrams](docId\:yvRPEr7GPIpGfYo-p4Y3L) - [TeX Ecuation](docId\:qXG_Sg61nqyKLI5AV0ter) - [API endpoints](docId\:kyu3Y-atCDM1PMv-a_n38) - [Changelog](docId\:T75j3wPYc8x6LW3PrZGvp) ::: :::: Also, most of our integrations work inside workflow block. You can add embeds from other tools like Loom, Figma, Miro, Lucidcharts, and more. Check the [Embeded Blocks](#) page for more info. ::::: :::::: ## Examples We know you've seen plenty of workflow blocks in our documentation, but this one's a cut above the rest. :::::WorkflowBlock :::WorkflowBlockItem ***Choose Your Cut*** - **Quality **— Opt for a prime cut like ribeye, sirloin, or porterhouse. - **Thickness **— Aim for a steak that's at least 2.5 cm (1 inch) thick for optimal tenderness and juiciness. ::: :::WorkflowBlockItem ***Preparation*** - **Pat Dry **— Remove excess moisture with paper towels. - **Season **— Generously sprinkle with salt and freshly ground black pepper. - **Let It Rest **— Allow the steak to sit at room temperature for about 30 minutes. ::: :::WorkflowBlockItem ***Cooking*** - **Heat **— Preheat your grill or skillet to a high temperature (around 450°C/840°F). - **Sear **— Cook for 3-4 minutes per side for medium-rare, or adjust according to your preference. - **Rest **— Let the steak rest for 5-10 minutes before serving. ::: ::::WorkflowBlockItem ***Enjoy!*** - **Slice **— Cut the steak against the grain for tender slices. - **Serve **— Pair with your favorite sides like roasted potatoes, grilled asparagus, or a side salad. :::hint{type="success"} 👨‍🍳 Enjoy the juicy, flavorful steak 🥩 you've expertly prepared. ::: :::: ::::: *** ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} ** Find other blocks** Discover new ways and blocks to create stunning and functional documentation pages. [Check out all blocks](#) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} \&#xNAN;** Need help? ⬇️** Use the **blue** **chat bubble **from bottom right corner. Or try **AI Chat** (from search box) for quick answers. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} \&#xNAN;** Your opinion matters** Use the below feedback form, anonymously. Or ask a question in **Q\&A section** and our team or AI will give you a solution. ::: ::::