Acceptance Criteria
- The banners are based on the variant banner of last year's desktop-en-03.
- Both banners display the campaign progress bar.
- Both banners include the campaign parameters file.
- Both banners display the campaign day sentence.
- The sentence "If you are an exceptional reader who has already donated, we sincerely thank you." is removed from the copy.
- On smaller screens (<1300px), the banner copy is displayed in slides.
- The recent change to the form validation is applied to both banners.
- Screenshots of the banners are uploaded to Shutterbug.
- Variant banner:
- If a user chooses to make a one-time donation, the banner shows a 2nd form page asking to switch to a yearly recurring donation.
- The design of the 2nd form page is taken from the variant banner of desktop-de-02.
- Submitting the form after checking the first radio button
- leaves the input data as is.
- triggers an event named submit-non-recurring in WMDEBannerSizeIssue.
- Submitting the form after checking the second radio button
- changes the payment interval to yearly.
- triggers an event named submit-recurring in WMDEBannerSizeIssue.
- Clicking the link below
- changes the payment interval to yearly.
- triggers an event named changed-to-yearly in WMDEBannerEvents.
- displays the first form page again.
| Element | Copy |
|---|---|
| Form page headline | Can you make it €amount yearly? |
| Paragraph | Every year we are dependent on the support of people like you. Yearly donations help sustainably and enable long term development. |
| Radio button 1 label | No, thanks! I'll make a one-time donation of €amount |
| Radio button 2 label | Yes, I'll donate €amount each year |
| Error message | Please choose one of the above options. |
| Back to page 1 link label | Yes, I'll donate yearly, but for a different amount |
| Form page 1 button label (if any payment interval is checked) | Proceed with the donation |
| Form page 1 button label (if one-time payment is checked) | Proceed |
| Form page 2 button label | Proceed with the donation |
| Element | Copy |
|---|---|
| Full text headline | (i) To all our readers in Germany, |
| Full text paragraph | It might be a little awkward, so we'll get straight to the point. This { currentWeekDay } we humbly ask you to defend Wikipedia's independence. { campaignDaySentence } 99% of our readers don't give; they simply look the other way. We depend on donations averaging about €22.66. { visitorsVsDonorsSentence } If you donate just €5, Wikipedia could keep thriving for years. If Wikipedia has given you €5 worth of knowledge this year, take a minute to donate. Thank you. |
| Slide #1 headline | (i) To all our readers in Germany, |
| Slide #1 paragraph | It might be a little awkward, so we'll get straight to the point. This { currentWeekDay } we humbly ask you to defend Wikipedia's independence. |
| Slide #2 | { campaignDaySentence } 99% of our readers don't give; they simply look the other way. We depend on donations averaging about €22.66. { visitorsVsDonorsSentence } |
| Slide #3 | If you donate just €5, Wikipedia could keep thriving for years. If Wikipedia has given you €5 worth of knowledge this year, take a minute to donate. Thank you. |
Implementation details
- Get the styles for the 2-step banner from desktop-de-02.
- The progress bar needs to be added to the theme and extracted into a shared component.
