AppsAutodocs

How-to guides

Highlighted screenshots

Every step in an Autodocs guide has its own screenshot with a highlight around the exact button, link or field that was used.

Refund a damaged orderDraftSAMPLE

Refund a damaged order

Use this when a customer reports a damaged item. It takes about a minute in the payments portal.

4. Click Refund.

PortalOrdersCustomers
Search orders
#10482Jordan Lee$84.00#10477Sam Rivera$19.50
Reason: Choose… ▾RefundConfirm refund

5. Under Reason, choose Damaged item.

PortalOrdersCustomers
Search orders
#10482Jordan Lee$84.00#10477Sam Rivera$19.50
Reason: Damaged item ▾RefundConfirm refund

THE PROBLEM

“Click the button” — which one?

A screenshot without a pointer leaves readers hunting. Annotating by hand takes longer than the task. Autodocs knows exactly which element each step used, so it draws the highlight for you.

Every step of an Autodocs guide comes with a screenshot of the page, and a rounded highlight drawn around the exact element that was clicked or typed into.

How it works

How does highlighted screenshots work in Autodocs?

  1. 1

    The recorder notes each element’s box

    For every step it keeps where the clicked or typed-in element sat on the page.

  2. 2

    A screenshot is kept per step

    Each step’s picture is stored with the workflow.

  3. 3

    Autodocs draws a rounded highlight

    Around the element that step used. A step without an element keeps the plain screenshot.

  4. 4

    Pictures sit under each instruction

    The guide’s Markdown names them step-01.jpg, step-02.jpg and so on, in the doc’s folder.

Options and settings

Every option, in one table

DetailBehavior
HighlightA rounded box around the element the step used.
File namesstep-01.jpg, step-02.jpg… in the doc’s Drive folder.
ViewingPictures load through short-lived links when the doc is opened.
RefreshingEach run of the workflow re-shoots the pictures (see Self-updating screenshots).

Who can do what

Permissions

WhoCan
People whose role can use agentsOpen Autodocs, record workflows, write, edit and publish docs.
Anyone with access to the Autodocs DriveReads the docs there through Drive, Drive search and chatbots that use that Drive.

AI assist

Where AI helps

AI is used where it saves you work and is always visible: it writes the guide from your recording, and it finds elements that moved during a replay, marking those steps healed. You stay in charge of what gets published.

Connects to

How it fits with the rest of Autodocs and Autessa

FAQ

Highlighted screenshots: questions

Do I need to annotate screenshots myself?

No. Autodocs knows which element each step used and draws the highlight around it automatically.

Where are the screenshots stored?

In the doc’s own folder in the Autodocs Drive, next to the article, so Drive’s versions and trash apply to them.

Can I remove a screenshot from a guide?

Yes. Edit the guide and delete the picture’s line from the Markdown.

Try highlighted screenshots on a task you do every week.

Record it once in Autodocs. You get the guide for your team and the workflow for next time.

No extension to install · nothing is published until you publish it

100% customizable, code and all

Make Autessa Autodocs fully your own.

Use it out of the box, then change anything. Ask Autobot, Autessa’s AI builder, for a new field, screen, report, workflow or agent and it builds it into your copy of the app. Or open the code and edit it yourself. Nothing is locked: the app, its data and its code are yours.

Start free and make it yours