--- title: Workflow slug: archbee-docs/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://app.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://app.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 :::LinkArrayItem Basic Blocks - [Headings](docId\:HJdVQeZ0tJqfx88wgF7xN) - [Expandable Headings](docId\:AjsWvF22qDvfTdJc0Px_w) - [Lists](docId\:aRskGvFrwY6-wF6cKKC4f) - [Table](docId:5jjvgmCHSEPuczlmsv_rP) - [Button](docId\:Q4ygEtpY55LbxC3yEgb58) - [Callout](docId\:u_-mnLN9zIkGr4dgRPnHj) - [Horizontal Divider](docId:-qJ6Yd_DxXPXUtHngNvM6) - [Vertical Split](docId\:bK1ECIyJCRP5dxUagYvpn) - [Link Blocks](docId\:HGrVGF0SidjsxxdOEgY-U) - [Tabs](docId\:dsgyTthK2gl-ifEMLAofw) ::: :::LinkArrayItem Media Blocks - [File](docId:2Fz6hcIMG9kghdshL630-) - [Image](docId\:C3qLCZS4vLdWK6dONt8Mh) - [Video](docId\:WpJbOyKMAOIklvJJvkL03) - [Map](docId\:kY9_8MhDRxhD2Pm-UXNdL) ::: :::LinkArrayItem Developer Blocks - [Code editor: multi-language](docId\:gMPIwu0zyM-oauZOueD5S) - [Mermaid diagrams](docId\:ZUeSSwHGR2uzGesT1a3LA) - [TeX Ecuation](docId\:WG2EUJwT_v7IPYSRIMpa2) - [API endpoints](docId\:mjNPSMLHDsG2R9Hj9qLIs) - [Changelog](docId\:HkG-FpEJJzHiN8O9Jml8S) ::: :::: 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](<./././INTEGRATIONS/Embed Examples.md>) 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 :::LinkArrayItem{headerType="IMAGE" headerImage="https://app.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](<././Editor Blocks.md>) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://app.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://app.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. ::: ::::