Skip to content

Screenshots: Webhooks setup walkthrough #74

Description

@superdav42

For #64.

Problem

docs/user-guide/integrations/webhooks.md is the legitimate home of webhooks-list.png (showing the empty-state Webhooks page). But the doc walks through creating a webhook end-to-end and reuses the same screenshot for every step.

docs/user-guide/integrations/webhooks.md (verify line numbers in current file)
  - Empty Webhooks page                       → webhooks-list.png   (correct)
  - Add New Webhook modal                     → webhooks-list.png   (wrong: should show the modal)
  - Webhook event picker                      → webhooks-list.png   (wrong)
  - Webhook URL field with payload preview    → webhooks-list.png   (wrong)
  - Webhooks list with one configured webhook → webhooks-list.png   (wrong: needs a populated list)
  - Test webhook response panel               → webhooks-list.png   (wrong)

Also linked: zapier-register-account.md uses the same image for an "Enable API" + "API credentials" sequence — those screens are actually under UM → Settings → API & Webhooks, not Webhooks.

Captures required

Open http://wordpress.local:8080/wp-admin/network/admin.php?page=wp-ultimo-webhooks.

# Screen New filename
1 Empty state (keep) static/img/admin/webhooks-list-empty.png (rename from current webhooks-list.png if you want clarity)
2 + Add New Webhook modal/page static/img/admin/webhook-add-modal.png
3 Webhook edit page — Event dropdown opened static/img/admin/webhook-event-picker.png
4 Webhook edit page — URL field with example payload static/img/admin/webhook-url-field.png
5 Webhooks list showing one configured webhook static/img/admin/webhooks-list-populated.png
6 Test result panel (success + payload) static/img/admin/webhook-test-result.png
7 UM → Settings → API & Webhooks showing API Key / Secret / Enable API static/img/admin/settings-api-webhooks.png (probably reuses existing settings-api.png — verify)

There’s already a static/img/admin/webhook-edit.png (221 382 B) — open it and decide whether it covers #4 or #5 cleanly. If yes, reuse the existing filename.

Capture at 1280×800, crop to the modal/card, < 250 KB.

Doc edit

Update docs/user-guide/integrations/webhooks.md so each step has its own shot. Also fix docs/user-guide/integrations/zapier-register-account.md to use the API & Webhooks settings shot, not the webhooks list.

Done when

  • All distinct webhook flows have distinct screenshots.
  • webhooks.md and zapier-register-account.md reference unique images per step.
  • PR opened with Resolves for this issue and Ref #64.

aidevops.sh v3.15.64 plugin for OpenCode v1.15.5 with claude-sonnet-4-6 spent 4d 9h and 383 tokens on this as a headless worker.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

documentationImprovements or additions to documentationhelp wantedExtra attention is neededorigin:interactiveAuto-created by pulse labelless backfill (t2112)origin:workerCreated by headless/pulse worker session

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions