Skip to content

Screenshots: Stripe payment gateway walkthrough (13 placeholders) #66

@superdav42

Description

@superdav42

For #64.

Problem

docs/user-guide/payment-gateways/stripe.md references 13 distinct concepts but every image points to /img/config/settings-payment-gateways.png. Worse, most steps describe screens on dashboard.stripe.com (not WordPress at all).

docs/user-guide/payment-gateways/stripe.md
  L16 ![Enabling Stripe in active payment gateways](/img/config/settings-payment-gateways.png)
  L22 ![Stripe inline credit card field during checkout](/img/config/settings-payment-gateways.png)
  L26 ![Stripe Checkout redirect page during checkout](/img/config/settings-payment-gateways.png)
  L34 ![Stripe API key fields and sandbox mode toggle](/img/config/settings-payment-gateways.png)
  L38 ![Stripe dashboard Developers section with API Keys](/img/config/settings-payment-gateways.png)
  L42 ![Stripe Viewing test data toggle](/img/config/settings-payment-gateways.png)
  L46 ![Stripe publishable and secret key values](/img/config/settings-payment-gateways.png)
  L48 ![Pasting Stripe keys in Ultimate Multisite settings](/img/config/settings-payment-gateways.png)
  L56 ![Stripe Webhooks page with Add endpoint button](/img/config/settings-payment-gateways.png)
  L60 ![Webhook Listener URL field in Stripe gateway settings](/img/config/settings-payment-gateways.png)
  L64 ![Pasting endpoint URL in Stripe webhook setup](/img/config/settings-payment-gateways.png)
  L68 ![Selecting all events and adding the Stripe endpoint](/img/config/settings-payment-gateways.png)

Captures required

Mixed source: Ultimate Multisite admin (wordpress.local:8080) and the Stripe Dashboard in test mode (https://dashboard.stripe.com/test). Use a Stripe test account — never capture live keys.

Crop tightly so each shot points at exactly one control. Redact any real keys with a black bar before saving.

# Doc line Where New filename
1 L16 UM → Settings → Payments — Active Payment Gateways with Stripe toggle on static/img/payment-gateways/stripe/um-enable-gateway.png
2 L22 Front-end checkout showing inline Stripe card field static/img/payment-gateways/stripe/inline-card-field.png
3 L26 Front-end checkout redirecting to Stripe Checkout static/img/payment-gateways/stripe/checkout-redirect.png
4 L34 UM Stripe gateway settings — API key fields + Sandbox toggle static/img/payment-gateways/stripe/um-api-keys-form.png
5 L38 Stripe Dashboard → Developers → API keys static/img/payment-gateways/stripe/dashboard-developers.png
6 L42 Stripe Dashboard Viewing test data toggle highlighted static/img/payment-gateways/stripe/dashboard-test-mode.png
7 L46 Stripe Dashboard API keys with Publishable + Secret revealed (redact) static/img/payment-gateways/stripe/dashboard-keys.png
8 L48 UM Stripe form with the keys pasted in (redact) static/img/payment-gateways/stripe/um-keys-pasted.png
9 L56 Stripe Dashboard → Developers → Webhooks with + Add endpoint highlighted static/img/payment-gateways/stripe/dashboard-webhooks.png
10 L60 UM Stripe form — Webhook Listener URL field highlighted static/img/payment-gateways/stripe/um-webhook-url.png
11 L64 Stripe Dashboard endpoint setup with the URL pasted static/img/payment-gateways/stripe/dashboard-endpoint-paste.png
12 L68 Stripe Dashboard endpoint creation with Receive all events chosen static/img/payment-gateways/stripe/dashboard-receive-all.png

Capture at 1280×800. After cropping to the panel, save < 200 KB.

Doc edit

Update every line in docs/user-guide/payment-gateways/stripe.md to its new path above.

Do not delete settings-payment-gateways.png — it’s still referenced by docs/user-guide/payment-gateways/getting-paid.md, manual-payments.md, the-registration-flow.md, and several addon docs.

Done when

  • All 12 new PNGs added under static/img/payment-gateways/stripe/.
  • docs/user-guide/payment-gateways/stripe.md updated with correct paths and alt text.
  • No real Stripe keys are visible in any committed image.
  • 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