Page MenuHomePhabricator

Show fundraising workflow in a wrapped WebView, not Custom Tab.
Open, MediumPublic

Description

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
  • Create 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
Reference
  • Donor experiences deck
Designs
FormThanks page
android-banner-04.png (1×720 px, 111 KB)
android-banner-05.png (1×786 px, 340 KB)
  • "Donate now" in the banner (T344026) and Settings takes users to a web form.
  • The "Thank you" page features a prominent button at the bottom to take users back to the article.

Event Timeline

JTannerWMF created this task.
scblr renamed this task from Create designs for wrap in web view on iOS and Android to Create designs for wrap in web view on Android .Sep 18 2023, 4:46 PM
scblr updated the task description. (Show Details)

@scblr
I'm not sure this screen will be able to have all the stuff in the toolbar like Search, Tabs, Bell, etc.
The wrap-in WebView is a fully separate (modal) activity; it's not the same as having another "tab" while reading an article.

android-banner-04.png (1×720 px, 116 KB)

@Dbrant removed it from the designs and updated the task’s description 👍

JTannerWMF renamed this task from Create designs for wrap in web view on Android to Build wrap in web view on Android .Sep 19 2023, 6:40 PM
JTannerWMF raised the priority of this task from Low to Medium.
JTannerWMF removed cooltey as the assignee of this task.
JTannerWMF added a subscriber: cooltey.

Making sure the discussion happens on this task as well. For the latest fundraiser we settled on a chrome tab for the campaign button but the Donate button under the More Menu is still bouncing users out to an external browser, which means this task should remain open.

@JTannerWMF This should probably be moved to Blocked, since the Google Pay method can't work inside of a WebView (Google prevents us from using the Payments API from a WebView; it must be done natively, or through the Chrome app.)

To fix the unrelated tweak of making the Donate button open a Chrome tab (to be consistent with the Campaign dialog), let's create another task (T354309).

JTannerWMF lowered the priority of this task from Medium to Low.Jan 23 2024, 5:17 PM

We can revisit this when we build native google pay

Dbrant renamed this task from Build wrap in web view on Android to Show fundraising workflow in a wrapped WebView, not Custom Tab..Jan 23 2024, 5:17 PM
Dbrant raised the priority of this task from Low to Medium.