Ultimate-Multisite / Ultimate-Multisite/docs

Screenshots: Zapier integration walkthrough (14 placeholders)

Open
#65 38 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

documentation help wanted needs-consolidation origin:interactive origin:worker status:available
Dominant language
MDX
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

For #64.

Problem

docs/user-guide/integrations/zapier.md references 14 distinct concepts but every single image link points to /img/admin/webhooks-list.png — the Ultimate Multisite Webhooks page in WP admin. Most of the steps actually describe screens inside Zapier’s own UI (zapier.com), which obviously isn’t hosted on wordpress.local.

docs/user-guide/integrations/zapier.md
  L24 ![Zapier dashboard with Create Zap button](/img/admin/webhooks-list.png)
  L30 ![Searching for WP Ultimo in Zapier app list](/img/admin/webhooks-list.png)
  L34 ![Selecting New Ultimate Multisite Event trigger](/img/admin/webhooks-list.png)
  L38 ![Zapier Sign in prompt for API credentials](/img/admin/webhooks-list.png)
  L44 ![API Settings with Enable API option in Ultimate Multisite](/img/admin/webhooks-list.png)
  L50 ![Zapier integration screen with API Key, Secret, and URL fields](/img/admin/webhooks-list.png)
  L58 ![Selecting payment_received event in Zapier trigger](/img/admin/webhooks-list.png)
  L62 ![Zapier test step for the trigger](/img/admin/webhooks-list.png)
  L66 ![Zapier trigger test completed successfully with payload](/img/admin/webhooks-list.png)
  L76 ![Creating an action with Create Items on Ultimate Multisite](/img/admin/webhooks-list.png)
  L80 ![Selecting authentication for the Zapier action](/img/admin/webhooks-list.png)
  L86 ![Choosing Item type for the Zapier action](/img/admin/webhooks-list.png)
  L92 ![Customer item fields in Zapier action setup](/img/admin/webhooks-list.png)
  L96 ![Zapier action test showing filled and unfilled fields](/img/admin/webhooks-list.png)

Captures required

Most shots come from https://zapier.com (not the WP test site), so this issue needs a Zapier account in addition to wordpress.local:8080.

Capture each shot at 1280×800, crop to the relevant card/panel, and save as a separate PNG under static/img/integrations/zapier/. Suggested filenames:

# Doc line Where to capture New filename
1 L24 Zapier dashboard, sidebar with + Create Zap highlighted static/img/integrations/zapier/dashboard-create-zap.png
2 L30 Zap creation page, app search box with "wp ultimo" typed static/img/integrations/zapier/app-search.png
3 L34 Trigger event dropdown showing New Ultimate Multisite Event static/img/integrations/zapier/trigger-event.png
4 L38 Zapier "Sign in" modal asking for API credentials static/img/integrations/zapier/signin-modal.png
5 L44 wordpress.local:8080/wp-admin/network/admin.php?page=wp-ultimo-settings&tab=api — API Settings panel with Enable API toggle on static/img/integrations/zapier/um-enable-api.png
6 L50 Zapier API credentials screen with API Key, API Secret, URL fields filled in static/img/integrations/zapier/credentials-form.png
7 L58 Zapier event picker showing payment_received selected static/img/integrations/zapier/event-picker.png
8 L62 Zapier "Test trigger" step before the test runs static/img/integrations/zapier/test-trigger.png
9 L66 Zapier trigger test result showing the JSON payload static/img/integrations/zapier/test-result.png
10 L76 Zapier action setup: Create Items on Ultimate Multisite highlighted static/img/integrations/zapier/action-create-items.png
11 L80 Zapier auth picker selecting the previously created connection static/img/integrations/zapier/action-auth.png
12 L86 Zapier Item dropdown listing Customers / Payments / Sites / etc. static/img/integrations/zapier/action-item-type.png
13 L92 Zapier action with Customer fields expanded static/img/integrations/zapier/action-customer-fields.png
14 L96 Zapier action test summary with filled + unfilled fields static/img/integrations/zapier/action-test-summary.png

Tip: capturing a real Zap end-to-end is more authentic than mocking individual screens, so consider doing this in one Zapier session.

Doc edit

After captures land, update every line in docs/user-guide/integrations/zapier.md so each ![...](...) points to its corresponding file above.

Once this is done, the old webhooks-list.png should still exist (it’s used legitimately by docs/user-guide/integrations/webhooks.md) — do not delete it.

Done when

  • All 14 new PNGs added under static/img/integrations/zapier/.
  • docs/user-guide/integrations/zapier.md updated, every alt text matches the actual shot.
  • npm run build succeeds, page renders correctly, no broken image links in the browser console.
  • 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.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with docs/user-guide/integrations/zapier.md and compare its 14 image references with the capture table in the issue. Create the PNGs under static/img/integrations/zapier/, update each documented path and alt text, then run npm run build. Done means all 14 images exist, the page renders without broken image links, and webhooks-list.png remains unchanged.

Written by the indexing model from the issue text.

Assessment

Domain
documentation
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.