feat(content-gating): update content gates UI #4345

dkoo · 2025-12-05T00:48:07Z

All Submissions:

Have you followed the Newspack Contributing guideline?
Does your code follow the WordPress' coding standards and VIP Go coding standards?
Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Tweaks for the Content Gates UI:

When only one gate exists, show expanded by default and hide drag/drop/resorting controls
Add badge to denote gate status
Swap order of Content and Access Rules sections (content comes first, then access)
Add controls to publish and unpublish gates
Add controls to trash, restore, and permanently delete gates
Control the expanded/collapsed state of gate card components when adding new gates (when adding a new gate, expand the new one and collapse all others)
When adding new gates, increment priority value so the newest gate is always last in order
Allow "enter" keypress to submit the "add content gate" modal
Reorganize metering settings into a separate Metering component for parity with AccessRules and ContentRules components

How to test the changes in this Pull Request:

Start with zero content gate posts: wp post delete $(wp post list --post_type=np_content_gate --post_status=all --format=ids) --force
Visit Audience > Content Gates and click "Add content gate". Enter a gate name and press the "enter" key to submit the form.
Confirm that a new blank gate is created with "draft" status, and that it displays as expanded without any drag/drop or resorting controls:

Confirm that the bottom of the card has "Delete", "Save Draft", and "Publish" buttons (but that the "Publish" button is disabled for now because there are no Content Rules or Access Rules yet)
Add some Content Rules and Access Rules and confirm that the "Publish" button becomes available. Tweak metering settings to confirm no regressions. For now, click "Save Draft" and confirm that your changes are saved and persist after a page refresh. (Note: at this time, the added rules aren't yet validated to ensure that they'll do anything on the front-end, so it's still possible to publish a gate that won't render due to missing rules configuration.)

Click "Publish" and confirm that the gate shows a "Published" status now. Confirm that the status persists after a refresh. Confirm that the buttons shown now are "Unpublish" and "Update".

Make some more changes and click "Update", and confirm that changes persist after a refresh. Click "Unpublish" and confirm that the gate goes back to "Draft" status, and that the draft status persists after a refresh.
Make sure the single gate component is expanded. Add another gate and confirm that the new draft gets added at the end of the gate list, and that both gate components now have drag/drop/resorting controls. Confirm that the existing gate component is automatically collapsed and that the new one is automatically expanded. Confirm that the drag/drop/resorting controls still work as expected.
Click "Delete" for one of the gate posts, and confirm that it gets updated to "Trash" status. Confirm that the status persists after a refresh.

As a reader, view restricted posts and confirm that you only ever see the published gate, never the trashed one even if it has more priority.
Back in the admin, test the "Restore" and "Permanently delete" buttons for the trashed gate and make sure they set the gate to "draft" status and permanently delete the gate post from the DB, respectively.

Other information:

Have you added an explanation of what your changes do and why you'd like us to include them?
Have you written new tests for your changes, as applicable?
Have you successfully ran tests with your changes locally?

…e CPTs

…ontent-gates-ui

dkoo · 2025-12-05T22:36:31Z

Tagging @thomasguillot for a design review since this implements some of the UI changes we talked about but never implemented during the meetup. Also, I thought about the idea of adding some filter controls to show and hide Trashed gates, but I think this PR is big enough for now. We can always implement more controls in another PR.

…ontent-gates-ui

thomasguillot · 2025-12-10T16:55:52Z

@dkoo I pushed some small changes: 9224c6e

miguelpeixe

Great changes! A few comments inline

includes/wizards/audience/class-audience-content-gates.php

miguelpeixe

Thank you for the revisions!

github-actions · 2025-12-12T16:18:59Z

Hey @dkoo, good job getting this PR merged! 🎉

Now, the needs-changelog label has been added to it.

Please check if this PR needs to be included in the "Upcoming Changes" and "Release Notes" doc. If it doesn't, simply remove the label.

If it does, please add an entry to our shared document, with screenshots and testing instructions if applicable, then remove the label.

Thank you! ❤️

# [6.29.0-alpha.1](v6.28.0...v6.29.0-alpha.1) (2026-01-09) ### Bug Fixes * add default reader meta ([#4360](#4360)) ([01564ad](01564ad)) * **ads:** placement control value reset ([#4375](#4375)) ([72d7b68](72d7b68)) * **autocomplete:** improve value parsing in AutocompleteTokenField and ListsControl components ([#4376](#4376)) ([84e388d](84e388d)) * clarify the media credit placeholder image's labelling ([#4352](#4352)) ([4420b65](4420b65)) * **content-gating:** stop running `restrict_post` after gate is rendered ([#4368](#4368)) ([8489a6c](8489a6c)) * fallback password reset URL ([#4382](#4382)) ([06d1503](06d1503)) * hide 'trashed' subscriptions from My Account ([#4351](#4351)) ([e759378](e759378)) * **my-account:** top position on desktop ([#4355](#4355)) ([1b3255a](1b3255a)) * prevent doubled URL in reader registration block magic link ([#4379](#4379)) ([ba4d855](ba4d855)) * remove newspack-ui CSS class from my account when not logged in ([#4384](#4384)) ([2bb8630](2bb8630)) * remove space if no time ([#4380](#4380)) ([05c57e9](05c57e9)) * select specific product for content gifting and countdown banners ([#4366](#4366)) ([809c230](809c230)) * **sso:** change Jetpack configuration notice from error to warning ([#4383](#4383)) ([e5e0643](e5e0643)) * **subscriptions:** remove actions from gifted subscription ([#4362](#4362)) ([8fbc243](8fbc243)) * **update-payment-notice:** don't render on checkout ([#4356](#4356)) ([dd80c06](dd80c06)) ### Features * Add Managed Nextdoor Auth ([#4359](#4359)) ([fee2480](fee2480)) * add media credits to RSS feeds ([#4357](#4357)) ([e638447](e638447)) * **content-gating:** add Content Gate settings page ([#4363](#4363)) ([822c363](822c363)) * **content-gating:** enable content rule exclusions ([#4346](#4346)) ([1e5718b](1e5718b)) * **content-gating:** update content gates UI ([#4345](#4345)) ([4e22075](4e22075)) * rename newsletter tracking ([#4358](#4358)) ([3da6434](3da6434)) * **web-preview:** add ESC key support and dynamic titles for segments and prompts ([#4294](#4294)) ([7238d2f](7238d2f))

matticbot · 2026-01-09T15:21:12Z

🎉 This PR is included in version 6.29.0-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

# [6.29.0](v6.28.2...v6.29.0) (2026-01-19) ### Bug Fixes * add default reader meta ([#4360](#4360)) ([01564ad](01564ad)) * **ads:** placement control value reset ([#4375](#4375)) ([72d7b68](72d7b68)) * **autocomplete:** improve value parsing in AutocompleteTokenField and ListsControl components ([#4376](#4376)) ([84e388d](84e388d)) * clarify the media credit placeholder image's labelling ([#4352](#4352)) ([4420b65](4420b65)) * **content-gating:** stop running `restrict_post` after gate is rendered ([#4368](#4368)) ([8489a6c](8489a6c)) * fallback password reset URL ([#4382](#4382)) ([06d1503](06d1503)) * hide 'trashed' subscriptions from My Account ([#4351](#4351)) ([e759378](e759378)) * **my-account:** top position on desktop ([#4355](#4355)) ([1b3255a](1b3255a)) * prevent doubled URL in reader registration block magic link ([#4379](#4379)) ([ba4d855](ba4d855)) * remove newspack-ui CSS class from my account when not logged in ([#4384](#4384)) ([2bb8630](2bb8630)) * remove space if no time ([#4380](#4380)) ([05c57e9](05c57e9)) * select specific product for content gifting and countdown banners ([#4366](#4366)) ([809c230](809c230)) * **sso:** change Jetpack configuration notice from error to warning ([#4383](#4383)) ([e5e0643](e5e0643)) * **subscriptions:** remove actions from gifted subscription ([#4362](#4362)) ([8fbc243](8fbc243)) * **update-payment-notice:** don't render on checkout ([#4356](#4356)) ([dd80c06](dd80c06)) ### Features * Add Managed Nextdoor Auth ([#4359](#4359)) ([fee2480](fee2480)) * add media credits to RSS feeds ([#4357](#4357)) ([e638447](e638447)) * **content-gating:** add Content Gate settings page ([#4363](#4363)) ([822c363](822c363)) * **content-gating:** enable content rule exclusions ([#4346](#4346)) ([1e5718b](1e5718b)) * **content-gating:** update content gates UI ([#4345](#4345)) ([4e22075](4e22075)) * rename newsletter tracking ([#4358](#4358)) ([3da6434](3da6434)) * **web-preview:** add ESC key support and dynamic titles for segments and prompts ([#4294](#4294)) ([7238d2f](7238d2f))

matticbot · 2026-01-19T17:24:56Z

🎉 This PR is included in version 6.29.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

dkoo added 4 commits December 4, 2025 16:23

refactor(content-gating): separate Newspack & Memberships content gat…

85eb3b6

…e CPTs

fix: update Content Gates UI

25f846a

fix: allow Memberships sidebar to appear in editor

42beae3

Merge branch 'refactor/separate-content-gate-cpts' into feat/update-c…

20782b6

…ontent-gates-ui

dkoo changed the title ~~Feat/update content gates UI~~ feat(content-gating): update content gates UI Dec 5, 2025

dkoo added 2 commits December 5, 2025 11:28

feat: allow content gates to be trashed and restored

74499cd

feat: implement gate status controls

f56037e

dkoo changed the title ~~feat(content-gating): update content gates UI~~ feat: update content gate UI Dec 5, 2025

perf: only fetch published gates on the front-end

fded255

dkoo self-assigned this Dec 5, 2025

dkoo marked this pull request as ready for review December 5, 2025 22:35

dkoo requested a review from a team as a code owner December 5, 2025 22:35

dkoo requested a review from a team December 5, 2025 22:36

dkoo added [Status] Needs Review The issue or pull request needs to be reviewed [Status] Needs Design Review labels Dec 5, 2025

dkoo changed the title ~~feat: update content gate UI~~ feat(content-gating): update content gates UI Dec 6, 2025

dkoo and others added 3 commits December 5, 2025 17:32

fix: remove unnecessary meta fields and taxonomy support

626950f

Merge branch 'refactor/separate-content-gate-cpts' into feat/update-c…

940a0ea

…ontent-gates-ui

feat: tighten design with reduced spacing and simplified layout

9224c6e

miguelpeixe requested changes Dec 11, 2025

View reviewed changes

includes/wizards/audience/class-audience-content-gates.php Outdated Show resolved Hide resolved

includes/wizards/audience/class-audience-content-gates.php Show resolved Hide resolved

includes/wizards/audience/class-audience-content-gates.php Show resolved Hide resolved

github-actions bot added the [Status] Needs Changes or Feedback The issue or pull request needs action from the original creator label Dec 11, 2025

Base automatically changed from refactor/separate-content-gate-cpts to trunk December 11, 2025 21:32

dkoo added 3 commits December 11, 2025 16:34

Merge branch 'trunk' into feat/update-content-gates-ui

672367c

fix: use sanitize_status method

2c0d334

fix: avoid returning WP_Error from sanitize_status method

0cde638

dkoo requested a review from miguelpeixe December 11, 2025 23:44

miguelpeixe approved these changes Dec 12, 2025

View reviewed changes

github-actions bot added the [Status] Approved The pull request has been reviewed and is ready to merge label Dec 12, 2025

github-actions bot removed [Status] Needs Review The issue or pull request needs to be reviewed [Status] Needs Changes or Feedback The issue or pull request needs action from the original creator labels Dec 12, 2025

dkoo merged commit 4e22075 into trunk Dec 12, 2025
12 checks passed

dkoo deleted the feat/update-content-gates-ui branch December 12, 2025 16:18

github-actions bot added the needs-changelog label Dec 12, 2025

dkoo removed the needs-changelog label Dec 12, 2025

matticbot added the released on @alpha label Jan 9, 2026

matticbot added the released label Jan 19, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(content-gating): update content gates UI #4345

feat(content-gating): update content gates UI #4345

dkoo commented Dec 5, 2025 •

edited

Loading

Uh oh!

dkoo commented Dec 5, 2025 •

edited

Loading

Uh oh!

thomasguillot commented Dec 10, 2025 •

edited

Loading

Uh oh!

miguelpeixe left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

miguelpeixe left a comment

Uh oh!

Uh oh!

github-actions bot commented Dec 12, 2025

Uh oh!

matticbot commented Jan 9, 2026

Uh oh!

matticbot commented Jan 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

feat(content-gating): update content gates UI #4345

feat(content-gating): update content gates UI #4345

Conversation

dkoo commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

All Submissions:

Changes proposed in this Pull Request:

How to test the changes in this Pull Request:

Other information:

Uh oh!

dkoo commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

thomasguillot commented Dec 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

miguelpeixe left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

miguelpeixe left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Dec 12, 2025

Uh oh!

matticbot commented Jan 9, 2026

Uh oh!

matticbot commented Jan 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

dkoo commented Dec 5, 2025 •

edited

Loading

dkoo commented Dec 5, 2025 •

edited

Loading

thomasguillot commented Dec 10, 2025 •

edited

Loading