Social inbox

Mastodon Inbox · visual field guide

An illustrated tour of Mastodon Inbox with focused images of its controls and settings.

20 min readVisual walkthrough

Orient yourself on the page

Design-preview images. These captures use sample data from the redesigned workspace. Illustrations use sample data. Available controls and results depend on your connected platform and account permissions.

Use this overview to locate the main controls before following the focused illustrations below.

PRODUCT PREVIEW · Mastodon Inbox
Mastodon Inbox. Highlighted controls are explained below.

Switch social inboxes

Choose the network whose conversations you want to work on. Then choose the intended account. Message and attachment support vary by platform.

PRODUCT PREVIEW · Switch social inboxes
Switch social inboxes. Highlighted controls are explained below.
1
1
Inbox platform. The highlighted control is the one described in this step.

Choose the account whose conversations you need

Select the connected profile for this inbox. All accounts combines the available accounts. If the expected account is missing, review both its connection and your assigned account access.

PRODUCT PREVIEW · Choose the account whose conversations you need
Choose the account whose conversations you need. Highlighted controls are explained below.
1
1
Choose account. The highlighted control is the one described in this step.

Find the post conversation you need

Search using a recognizable part of the caption. The selected account and assignment filters still matter. Clear the query if you want to browse the full available list.

PRODUCT PREVIEW · Find the post conversation you need
Find the post conversation you need. Highlighted controls are explained below.
1
1
Search posts. The highlighted control is the one described in this step.

Find work assigned to a person

Select Unassigned to find conversations without an owner, or select a teammate to see their work. Return to All assignments to remove this filter.

PRODUCT PREVIEW · Find work assigned to a person
Find work assigned to a person. Highlighted controls are explained below.
1
1
Filter by assignment. The highlighted control is the one described in this step.

Request the latest visible items

Refresh the current view after changing accounts or when checking for new activity. Keep the same filters in mind when deciding whether an item is missing.

PRODUCT PREVIEW · Request the latest visible items
Request the latest visible items. Highlighted controls are explained below.
1
1
Refresh. The highlighted control is the one described in this step.

Work with comments on published posts

Use Posts to browse post conversations. Select a post in the left column; the main panel shows its original content and comments so your reply has context.

PRODUCT PREVIEW · Work with comments on published posts
Work with comments on published posts. Highlighted controls are explained below.
1
1
Posts. The highlighted control is the one described in this step.

Review mentions of the account

Open Mentions where the platform supports it. Read the selected account and the original context before replying or marking the conversation complete.

PRODUCT PREVIEW · Review mentions of the account
Review mentions of the account. Highlighted controls are explained below.
1
1
Mentions. The highlighted control is the one described in this step.

See conversations that still need attention

Use Inbox to work through open conversations. Select an item to inspect it before deciding who should reply or whether the conversation is finished.

PRODUCT PREVIEW · See conversations that still need attention
See conversations that still need attention. Highlighted controls are explained below.
1
1
Inbox. The highlighted control is the one described in this step.

Review completed conversations

Use Done to inspect conversations marked complete. This separates finished work from conversations still waiting in the inbox.

PRODUCT PREVIEW · Review completed conversations
Review completed conversations. Highlighted controls are explained below.
1
1
Done. The highlighted control is the one described in this step.

Open a conversation

Select an item in the left column, then read its account, original post or message thread, and latest activity in the main panel. Review that context before replying, assigning an owner, or marking the conversation done.

PRODUCT PREVIEW · Open a conversation
Open a conversation. Highlighted controls are explained below.
1
1
Open a conversation. The highlighted control is the one described in this step.

Give the conversation an owner

Select the teammate responsible for following up. Assignment helps the team divide work; it is different from marking a conversation finished.

PRODUCT PREVIEW · Give the conversation an owner
Give the conversation an owner. Highlighted controls are explained below.
1
1
Assign conversation. The highlighted control is the one described in this step.

Finish the conversation workflow

Choose this after reviewing the conversation and handling its outstanding work. Verify that the conversation leaves the open inbox and can be found under Done.

PRODUCT PREVIEW · Finish the conversation workflow
Finish the conversation workflow. Highlighted controls are explained below.
1
1
Mark as Done. The highlighted control is the one described in this step.

Use a suggestion as a starting point

Open the suggested-reply action, then review the proposed wording. Check facts, tone, and the customer’s question before using a suggestion in a public reply.

PRODUCT PREVIEW · Use a suggestion as a starting point
Use a suggestion as a starting point. Highlighted controls are explained below.
1
1
Suggest reply. The highlighted control is the one described in this step.

Keep internal context with the conversation

Open the note dialog and add information useful to your teammates. A team note is separate from the customer-facing reply field. Check the dialog’s label before saving.

PRODUCT PREVIEW · Keep internal context with the conversation
Keep internal context with the conversation. Highlighted controls are explained below.
1
1
Add team note. The highlighted control is the one described in this step.

Write a reply with the original post in view

Read the thread first. Type the message in this field, then reread it for the intended account and audience. Typing prepares a reply; Send is the separate action that submits it.

PRODUCT PREVIEW · Write a reply with the original post in view
Write a reply with the original post in view. Highlighted controls are explained below.
1
1
Write a reply. The highlighted control is the one described in this step.

Attach media to a reply

Open the attachment control and choose supported media. Check the preview and the selected conversation before sending. Supported attachments depend on the network.

PRODUCT PREVIEW · Attach media to a reply
Attach media to a reply. Highlighted controls are explained below.
1
1
Photo / Video. The highlighted control is the one described in this step.

Add an emoji at the cursor

Open the emoji picker and choose an emoji appropriate to the conversation. Review the full reply afterward so its meaning and tone remain clear.

PRODUCT PREVIEW · Add an emoji at the cursor
Add an emoji at the cursor. Highlighted controls are explained below.
1
1
Emoji. The highlighted control is the one described in this step.

Choose an animated reply attachment

Open the GIF picker, select an appropriate result, and check its preview. Availability depends on the selected platform.

PRODUCT PREVIEW · Choose an animated reply attachment
Choose an animated reply attachment. Highlighted controls are explained below.
1
1
GIF. The highlighted control is the one described in this step.

Submit the prepared reply

Check the selected account, conversation, wording, and attachments. The button is disabled when there is no reply to send. After submitting, check that the reply appears in the thread.

PRODUCT PREVIEW · Submit the prepared reply
Submit the prepared reply. Highlighted controls are explained below.
1
1
Send. The highlighted control is the one described in this step.