Background
In Q1 FY25-26, we conducted an experiment with a new donate button design (with a heart icon) that demonstrated promising results with higher clickthrough rates. We want to roll this design out to all the wiki projects with a donate button in the top toolbar on desktop (projects using Vector22 by default).
Fundraising will be in charge of monitoring the donation metrics via their existing tracking.
User story
As a user on any of the wiki projects that has a donate button in the header, I will see the new donate button with a heart design.
Design requirements
See https://phabricator.wikimedia.org/T388149#10685291
Requirements
Acceptance criteria
- On desktop, navigate to a wiki that uses vector 2022 as a logged out user. At the top of the main page, the "Donate" button in the top navigation should be slightly bolded compared to the font of the other links, and there's a blue heart icon next to the Donate text.
- Navigate to any article page within that wiki and see the same updated donate button design
- Clicking on the donate link and be navigated to donate.wikimedia.org (the URL parameter should correctly indicate the source wiki that you came from.
BDD
- Given a non-logged user on desktop visiting any of wikiprojects
- When a user is on any page of a wiki
- Then a blue heart with bolded Donate link will be displayed in the top navigation menu leading, upon clicking, to donate.wikimedia.org
Test Steps
- Check different wikiprojects - on beta checked: commons, enwiktionary
- On a wiki check different namespaces/editing mode - Special pages and Talk pages checked; editor workflow is not interrupted
- Run accessibility check - Done - no issues
Communication criteria
Add if this needs an announcement or discussion.
Rollback plan
Describe the rollback plan in production for this task if something goes wrong.
This task was created by Version 1.0.0 of the Reader Experience team task template using phabulous.
