---
title: เวิร์กโฟลว์
slug: th/user-guides/YoPfHRSrl3m3sn8ZNgPrn
description: ปรับปรุงการจัดระเบียบเอกสารและกระบวนการทีละขั้นด้วยบล็อกเวิร์กโฟลว์ของ Archbee แทรก แก้ไข และจัดลำดับขั้นตอนใหม่ได้อย่างง่ายดายในบล็อก พร้อมการกำหนดหมายเลขอัตโนมัติ เพิ่มความสมบูรณ์ให้เนื้อหาด้วยบล็อกของ Archbee ที่ซ้อนกันได้สำหรับ documen
createdAt: 2023-04-03T10:44:09.000Z
---

เราออกแบบบล็อก **เวิร์กโฟลว์** เพื่อช่วยให้คุณสร้างและจัดระเบียบกระบวนการแบบเป็นขั้นตอนในเอกสารของคุณ

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/rxY4Ub_WsSPxd6PXjUUm0_workflow-light01.png "บล็อกเวิร์กโฟลว์")

บล็อกทรงพลังนี้รองรับการผสานรวมบล็อกอื่นๆ ได้อย่างราบรื่นภายในแต่ละรายการของเวิร์กโฟลว์ เพื่อช่วยให้คุณสร้างเอกสารกระบวนการที่ละเอียดและดูน่าสนใจได้มากยิ่งขึ้น

## ทำไมจึงควรใช้?

- **ความชัดเจนที่เพิ่มขึ้น**
  ด้วยการแบ่งกระบวนการออกเป็นขั้นตอนที่จัดการได้ง่ายขึ้น คุณจะสามารถเพิ่มความอ่านง่ายและความเข้าใจให้กับผู้ชมของคุณได้
- **การจัดระเบียบที่ดีขึ้น**
  บล็อก Workflow มอบโครงสร้างที่ชัดเจนให้กับเนื้อหาของคุณ ทำให้ง่ายต่อการนำทางและทำความเข้าใจ
- **ความดึงดูดทางสายตา**
  ดีไซน์ที่สวยงามของบล็อกช่วยเพิ่มคุณภาพการนำเสนอของเอกสารของคุณ
- **ความยืดหยุ่น**
  บล็อก Workflow รองรับบล็อกซ้อน ทำให้คุณสามารถเพิ่มรายละเอียดและบริบทเพิ่มเติมในแต่ละขั้นตอนได้

## วิธีใช้บล็อก Workflow?

::::::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
:::LinkArrayItem
Basic Blocks

- [Headings](docId\:n7tF0cW1NYcGJ95eLyvzv)&#x20;
- [หัวข้อที่ขยายได้](docId\:Gdj2J6Ro-QNT7JUkoTd8z)&#x20;
- [รายการ](docId\:qFf_dOYkfQ7nFLxAQMEBC)&#x20;
- [โต๊ะ](docId\:Xh28xOC0z6lg23PayqMh9)&#x20;
- [ปุ่ม](docId\:sZpaH1N-I3assa06PZ8Vq)&#x20;
- [Callout](docId\:RSZRJI1QAMLJnfm5FEyuI)&#x20;
- [เส้นคั่นแนวนอน](docId\:SUdKbXtAQXtHuYA3FvceR)&#x20;
- [แบ่งแนวตั้ง](docId\:epkJXYZWmv9qcLHsuSwpz)&#x20;
- [กริดลิงก์](docId\:C6xVzYU69k2oCYqLWkaQC)&#x20;
- [แท็บ](docId:6tH_0AW8t40K50S_y2BKQ)&#x20;
:::

:::LinkArrayItem
Media Blocks

- [ไฟล์](docId\:MEMy73RjJGuMNIqzyG_Qg)&#x20;
- [รูปภาพ](docId\:pfxmITebqYMNG3_1KMqb4)&#x20;
- [Video](docId:5BHBpuA1QsB91PTPJUBHN)&#x20;
- [แผนที่](docId\:MZRckUAyZJ5--ar6IRvx6)&#x20;
:::

:::LinkArrayItem
Developer Blocks

- [Code editor: multi-language](docId\:AWmOv__BlChJLUPRL0vkl)&#x20;
- [ผังงาน Mermaid](docId\:uc96cNog8JW20Uuc3XRQ8)&#x20;
- [TeX Ecuation](docId\:VH5FHVPu7aSDnS2y3Bof0)&#x20;
- [API endpoints](docId\:zOTQ1_cU55csykLxhCgf8)&#x20;
- [Changelog](docId\:L6g37a96AJkcZ2tcfAjTM)&#x20;
:::
::::

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](docId:_Ht4fXtrP-c5akFFn-eSN) page for more info.


:::::
::::::

## ตัวอย่าง

เรารู้ว่าคุณเคยเห็นบล็อกเวิร์กโฟลว์มากมายในเอกสารของเรา แต่บล็อกนี้พิเศษยิ่งกว่าที่เคย

:::::WorkflowBlock
:::WorkflowBlockItem
<u>**เลือกชิ้นเนื้อของคุณ**</u>

- **คุณภาพ&#x20;**— เลือกเนื้อคุณภาพดี เช่น ริบอาย สันนอก หรือพอร์เตอร์เฮาส์
- **ความหนา&#x20;**— ควรเลือกสเต็กที่มีความหนาอย่างน้อย 2.5 ซม. (1 นิ้ว) เพื่อให้ได้ความนุ่มและฉ่ำที่สุด
:::

:::WorkflowBlockItem
<u>**การเตรียม**</u>

- **ซับให้แห้ง&#x20;**— ใช้กระดาษทิชชูซับความชื้นส่วนเกินออก
- **ปรุงรส&#x20;**— โรยเกลือและพริกไทยดำบดใหม่อย่างทั่วถึง
- **พักเนื้อ&#x20;**— ทิ้งเนื้อไว้ที่อุณหภูมิห้องประมาณ 30 นาที
:::

:::WorkflowBlockItem
<u>**การปรุง**</u>

- **ให้ความร้อน&#x20;**— อุ่นเตาย่างหรือกระทะของคุณให้ร้อนสูง (ประมาณ 450°C/840°F)
- **ย่าง/เซียร์&#x20;**— ปรุงประมาณ 3–4 นาทีต่อด้านสำหรับแบบมีเดียมแรร์ หรือปรับตามความชอบ
- **พักก่อนเสิร์ฟ&#x20;**— พักเนื้อไว้ 5–10 นาทีก่อนเสิร์ฟ
:::

::::WorkflowBlockItem
<u>**อร่อยได้เลย!**</u>

- **หั่น&#x20;**— หั่นเนื้อขวางเส้นใยเพื่อให้ได้เนื้อที่นุ่ม
- **เสิร์ฟ&#x20;**— จับคู่กับเครื่องเคียงที่คุณชอบ เช่น มันฝรั่งอบ หน่อไม้ฝรั่งย่าง หรือสลัด

:::hint{type="success"}
👨‍🍳  สนุกกับสเต็กที่ฉ่ำและอร่อย 🥩 ที่คุณเตรียมอย่างเชี่ยวชาญ
:::
::::
:::::

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} &#x20;**&#x20;ค้นหาบล็อกอื่นๆ**

ค้นพบวิธีใหม่ๆ และบล็อกต่างๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้ดี

[ดูบล็อกทั้งหมด](docId\:fvbccw7nLvGJbcHvBvBG9)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**&#x20; ต้องการความช่วยเหลือ?  ⬇️**

ใช้ **สีฟ้า** **ไอคอนแชท&#x20;**&#xE08;ากมุมล่างขวา

หรือทดลองใช้ **AI Chat** (จากกล่องค้นหา) เพื่อรับคำตอบอย่างรวดเร็ว
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**&#x20;  ความเห็นของคุณสำคัญ**

ใช้แบบฟอร์มความคิดเห็นด้านล่างได้ โดยไม่ระบุชื่อ

หรือถามคำถามใน **หมวดคำถามและคำตอบ (Q\&A)** และทีมงานหรือ AI จะให้คำตอบแก่คุณ
:::
::::

