How to Make a Flow Chart in Word Online: Step by Step

To make a flow chart in Word Online, open a document, choose Insert > Shapes, draw and label flowchart shapes, then connect them with lines or arrows. Start with a simple sequence, check the direction of each connector, and leave enough space for the chart to be easy to follow. You need a Microsoft account and an internet connection; Word for the web saves changes to OneDrive as you work.

This guide uses Word in a web browser, not the desktop app. Ribbon labels and available shape options can vary slightly as Microsoft updates Word or an organization configures its Microsoft 365 account. If a particular connector or arrangement command is unavailable in your version, basic shapes and line shapes are enough to create a readable chart.

What You’ll Need

A Microsoft account with access to Word for the web, and a browser with an internet connection.
A blank Word document or an existing document where you want the chart to appear. If you start from an existing document, choose a spot with enough room.
A rough outline of the process: its start, actions, decisions, possible outcomes, and end points. A short outline helps you avoid rearranging shapes repeatedly.
Optional: a mouse or trackpad for drawing and positioning shapes. A mouse can make precise placement easier, but it is not required.

Step-by-Step

Open or create a document. Sign in to Microsoft 365 in your browser, open Word, and select a blank document or the document you want to edit. Give a new document a useful name by selecting its name near the top of the window. Word for the web stores it in OneDrive and normally saves changes automatically. Wait for any saving indicator to finish before closing the tab.
Plan the flow before drawing. Write the steps in order, including the questions that split the process into different routes. A basic flow might be: Start, receive a request, check whether information is complete, request missing details if needed, process the request, and End. Mark which branch means Yes and which means No. Keep each box label short enough to scan quickly; detailed explanations can go in the surrounding document.
Make room for the chart. If the chart will use most of a page, open Layout > Orientation and choose Landscape when that option is available. Use portrait orientation for a narrow, top-to-bottom process. You can also add a page break before the chart if it should sit separately from the surrounding text. Avoid shrinking the page margins unnecessarily: a little white space around the chart makes it easier to read and less likely to be clipped when printed.
Insert the first shape. Select Insert > Shapes, then choose an appropriate flowchart shape from the menu. A rounded terminator or oval is commonly used for Start and End, a rectangle for an action, and a diamond for a question with alternative outcomes. Click and drag in the document to draw the shape. If the menu groups shapes by type, look in its flowchart section; if the exact flowchart category is not shown, ordinary oval, rectangle, and diamond shapes work too.
Add text to the shape. Select the shape and type its label. If typing does not enter text, click or right-click the shape and look for an option such as Add Text, or double-click inside it. Use short action phrases such as Check address or Send confirmation. For a decision, phrase the label as a question, such as Is the form complete? Keep the text centered and concise; a box with several lines of small type is harder to read than two well-labeled shapes.
Create the remaining shapes. Repeat Insert > Shapes for each step, or copy and paste a shape that already has the size and style you want. Position the shapes in reading order, usually from top to bottom or from left to right. Put the main route in a straight line and leave room beside a decision for its branches. To move a shape, select its border and drag it; use the sizing handles on the border to adjust its dimensions. Avoid placing shapes so close together that there is no room for connector lines.
Connect the steps. Open Insert > Shapes and choose a suitable line, arrow, or connector from the lines section. Drag from the edge of one shape toward the next. If a connector option snaps to connection points on the shapes, use it so the line stays attached when you move a box. Otherwise, use a plain line with an arrowhead if available and place its ends carefully at the shape edges. Connect the main sequence first, then add the branches from each decision. Keep lines from crossing where possible.
Label every decision branch. Add Yes and No beside the appropriate lines leaving each diamond. You can use a small text box if the web version offers one in Insert > Text Box; alternatively, add a small, unfilled shape and type the label in it. Place the word close to its line but not on top of the diamond or another connector. Make sure the branch labels clearly identify which route to follow.
Format consistently and review the chart. Select a shape to access its contextual shape-formatting controls, where available, and use a restrained, consistent fill and outline. Use the same style for all action boxes and a distinct but subtle style for decisions or start and end points. Check that labels fit, arrows point in the intended direction, and every route reaches an end. If the chart is crowded, move or resize shapes rather than reducing the text until it is difficult to read. Zoom out to review the overall layout, then return to a comfortable zoom to proofread labels.
Let the document save and share or print it. Confirm that Word indicates the document is saved before you leave. To share it, use Share and choose the access settings appropriate for your audience. To print, use File > Print and check the preview for cut-off shapes, small labels, or an unexpected extra page. If you need a more polished layout than the browser tools allow, open the document in the desktop Word app and review it there before sharing.

Common Mistakes

Using the same shape for every purpose. A chart is easier to interpret when actions, decisions, and start or end points look different. Use rectangles for actions, diamonds for questions, and an oval or terminator for the beginning and end.
Leaving decision lines unexplained. A diamond with two unmarked arrows forces readers to guess. Label each branch Yes, No, or with a short outcome that makes its route clear.
Drawing connectors before positioning the boxes. Lines added too early may become awkward when shapes move. Place and roughly align the shapes first, then connect them and make final adjustments.
Writing full paragraphs inside shapes. Long text makes the chart bulky and difficult to scan. Use a brief action or question in each shape; put instructions or context in regular document text nearby.
Assuming a line is attached when it only looks attached. A free line can appear to touch a shape but may not move with it. When you reposition a shape, inspect its connectors and reconnect any line that has come loose.
Ignoring page boundaries. A chart can look fine while editing but print across pages or have a branch cut off. Check the print preview and adjust orientation, spacing, or shape size before distributing it.

Tips

Keep the direction predictable. Use a consistent top-to-bottom or left-to-right flow. If a branch loops back to an earlier step, route it around the outside of the chart rather than through the middle.
Use a small number of words per shape. Start labels with clear verbs, such as Review request or Notify customer. Make decision labels questions that can be answered distinctly.
Align shapes by eye and use spacing deliberately. Keep the main sequence on a shared line and leave similar gaps between related steps. Even without advanced alignment controls, careful dragging and consistent sizing make the chart look more orderly.
Use color as a cue, not decoration. A light fill can distinguish decisions from actions, but use readable text contrast and do not rely on color alone to communicate meaning. The chart should still make sense in grayscale or for someone who cannot distinguish the colors.
Keep an editable copy. Save the Word document as the working version even if you also share a PDF. That way you can update a process later without rebuilding the chart from an image.
Use undo for small mistakes. On Windows, press Ctrl+Z; on Mac, press Command+Z. Undo can reverse a recent move, formatting change, or insertion, but check the chart afterward to ensure the change you wanted to keep remains.

Troubleshooting

I cannot find Shapes. Check that the document is open in Word for the web and that the ribbon is expanded. Select the Insert tab and look for Shapes. If the window is narrow, some ribbon commands may be hidden under a menu or overflow control. An organization’s account settings or a product update can also change what appears. If shapes remain unavailable, try Word in a current browser or open the document in the desktop Word app.

I cannot type inside a shape. Select the shape border first, then click or double-click inside it and type. If that does not work, right-click the shape and check for Add Text. Make sure the object is not selected as part of another element and that the document is not in a read-only view. You may need editing permission from the document owner.

A connector moves or disconnects when I reposition a shape. Select the line and inspect its endpoints. If the line does not attach to the shape, move its endpoint to the shape edge or replace it with a connector from the lines menu that snaps to connection points. Move one shape at a time and check the result before rearranging the whole chart. If connectors are difficult to control in the browser, simplify the layout and use straight lines.

The chart looks cramped or prints badly. Switch to landscape orientation if the chart is wider than it is tall, move the chart onto its own page, or shorten the labels. Use print preview to catch clipping and page breaks. If the browser version does not offer the layout or formatting control you need, open the document in desktop Word, make the adjustment, and confirm that the saved document still displays correctly online.

My changes are not appearing for someone else. Check that Word has finished saving, verify you are editing the shared document rather than a downloaded copy, and confirm that the other person has permission to view it. Refreshing the page may help after confirming that any unsaved changes are safe. For a critical chart, keep a separate copy before making large edits.

Frequently Asked Questions

Can I make a flow chart in Word Online for free?
Word for the web is available with a Microsoft account, though available features and storage depend on the account. You can create a basic chart with shapes and lines when those commands are available in your version.

Does Word Online have a flowchart template?
Templates may be available from Word’s new-document or template gallery, but the selection can vary. If you do not see a suitable template, start with a blank document and add shapes using Insert > Shapes.

Can I use SmartArt instead of separate shapes?
SmartArt availability and editing options differ between Word for the web and desktop Word. For a custom process with decision branches, separate shapes and connectors are usually easier to control. If you have SmartArt options in your version, check that they support the branching structure you need.

Can I move the whole flow chart at once?
It depends on the selection and grouping tools available in your version of Word for the web. If you can select multiple objects or group them, do so only after checking that every shape and connector is included. Otherwise, keep the chart on its own page and move individual objects carefully.

Can I edit a Word Online flow chart in desktop Word?
Yes. Open the same OneDrive document in the desktop app, where additional drawing and formatting controls may be available. After editing, save the document and reopen it online to confirm that its layout and connectors display as expected.

What is the simplest flow chart structure to start with?
Use one Start shape, a short series of action rectangles, one decision diamond if the process branches, and an End shape for each outcome. Add clearly labeled arrows, then expand the chart only when the process requires more steps.

Try it: the Percentage Formula Generator: percent of, percent change, increase and decrease, with the formula.

More in Charts & pivot tables

Sources: Function behaviour and menu paths: Microsoft Support documentation for Excel. Method & sources

Spotted an error in this guide? Let us know.