Screenshots: Zapier integration walkthrough (14 placeholders)

[superdav42]

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.

[superdav42]

DISPATCH_CLAIM nonce=eb9cfe49d9c9265e3b051bb8f23cef4c runner=superdav42 ts=2026-05-20T15:14:07Z max_age_s=1800

[superdav42]

Dispatching worker (deterministic).

• Worker PID: 1785175
• Model: openai/gpt-5.4
• Tier: standard
• Runner: superdav42
• Issue: Screenshots: Zapier integration walkthrough (14 placeholders) #65