Background
When a user clicks donate in the app they're taken out of the app. While we can't have complete native payment for Android and iOS at this time, we can open it in the app through web view.
Task
- Implement designs that shows the workflow of someone clicking Donate from the banner and from the donate action in the overflow menu and seeing the Donate screen in Web view on Android
User Story
As a potential first-time donor in the Wikipedia app, I prefer that if I must be brought into a web browser, it is shown in the Wikipedia app so that I can easily resume what I was doing by clicking the Back button after donating.
Minimum Requirements
- All non-native donate actions should launch the donate wiki in an in-app web view
- Users should remain in the in-app web view as they progress through the flow for payments wiki and thankyou.wikipedia.org
- Maintain the previous context when a user hits Back
- Maintain the top toolbar to indicate the user is still in the app
- Flow can be entered via banners AND other entry points such as from the apps menu
Nice to have
Requirements for both apps:
- support autofill for address and credit card credentials
WORKFLOW
banner (native view) --> donate.wikimedia.org (app web view) --> payments.wikimedia.org (app web view) --> thankyou.wikipedia.org (app web view) --> continue reading
Reference
- Donor experiences deck
Designs
1. Banner | 2. Web form | 3. Details | 4. Recurring | 5. Thank you |
- "Donate now" in the banner (T344026) and the link in Settings take users to a web form.
- Note: If available on the device, the web form also features an "Apple Pay option.
- The "Thank you" page features a prominent button at the bottom to take users back to the article.
Testing Notes
This can be tested starting in Wikipedia TestFlight 7.4.3 (2809) build.
Testing tips:
All new donor experience work (in-app web view, new campaign modals with maybe later, multilingual campaign support, Apple Pay native donation) are set up to become available in the app only once the Netherlands or Italy Oct/Nov 2023 campaigns become valid.
- Device iOS Settings > Language & Region > Region needs to be set to either the Netherlands or Italy
- Device date & time needs to be set on or after the campaign start date (change device date to 10/17)
- After fresh install, you must background and foreground the app, then pull to refresh on the Explore feed to trigger a force refresh of the campaign data.
- To be provided the option to donate via Apple Pay (native donate form), you must have a valid card set up in Apple Wallet.