Skip to content

Screenshots: Webhooks setup walkthrough #74

@superdav42

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationhelp wantedExtra attention is neededorigin:interactiveCreated by interactive user sessionorigin:workerCreated by headless/pulse worker sessionstatus:availableTask is available for claiming

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions