Skip to content

Untangling: Move Marketing Tools page to wp-admin #45216

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 3 commits into
base: trunk
Choose a base branch
from
+153 −11
Draft

Untangling: Move Marketing Tools page to wp-admin #45216

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f32ff43
Marketing Tools: Initial scaffolding
mmtr Sep 17, 2025
e343274
Show plugins banner
mmtr Sep 17, 2025
e045e67
Add changelog
mmtr Sep 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions ...ack-mu-wpcom/changelog/dotcom-10634-reimplement-hostingtools-marketing-tools-tab-as-tools
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Significance: minor
Type: added

Untangling: Add Marketing Tools page to wp-admin
1 change: 1 addition & 0 deletions projects/packages/jetpack-mu-wpcom/src/class-jetpack-mu-wpcom.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -318,6 +318,7 @@ public static function load_wpcom_user_features() {
if ( ! class_exists( 'A8C\FSE\Help_Center' ) ) {
require_once __DIR__ . '/features/help-center/class-help-center.php';
}
require_once __DIR__ . '/features/marketing/marketing.php';
require_once __DIR__ . '/features/pages/pages.php';
require_once __DIR__ . '/features/replace-site-visibility/replace-site-visibility.php';
require_once __DIR__ . '/features/stats/stats.php';
Expand Down
Binary file added projects/packages/jetpack-mu-wpcom/src/features/marketing/images/dot-grid.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...cts/packages/jetpack-mu-wpcom/src/features/marketing/images/premium-plugins.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
148 changes: 148 additions & 0 deletions projects/packages/jetpack-mu-wpcom/src/features/marketing/marketing.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,148 @@
<?php
/**
* WordPress.com Marketing Tools
*
* @package automattic/jetpack-mu-wpcom
*/

/**
* Adds some Tools menus that are missing on Simple sites.
*/
function wpcom_add_marketing_submenu() {
add_submenu_page(
'tools.php',
__( 'Marketing', 'jetpack-mu-wpcom' ),
__( 'Marketing', 'jetpack-mu-wpcom' ),
'publish_posts',
'wpcom-marketing-tools',
'wpcom_display_marketing_tools_page',
1
);
}
add_action( 'admin_menu', 'wpcom_add_marketing_submenu', 999999 );

/**
* Displays the WordPress Marketing Tools page.
*/
function wpcom_display_marketing_tools_page() {
$domain = wp_parse_url( home_url(), PHP_URL_HOST );
?>
<style>
.wpcom-marketing-tools-description {
margin-top: 0;
font-size: 14px;
line-height: 20px;
}

.wpcom-marketing-tools-premium-plugins {
display: flex;
background-color: white;
border-radius: 4px;
}

.wpcom-marketing-tools-premium-plugins__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 32px 0 32px 32px;
gap: 16px;
}

.wpcom-marketing-tools-premium-plugins__info h2 {
margin: 0;
font-family: Recoleta, serif;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.32px;
text-wrap: pretty;
font-weight: 400;
}

.wpcom-marketing-tools-premium-plugins__info p {
margin: 0;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.32px;
font-weight: 400;
text-wrap: pretty;
color: #787c82;
}

.wpcom-marketing-tools-premium-plugins__info .button.button-primary {
display: flex;
gap: 8px;
align-items: center;
}

.wpcom-marketing-tools-premium-plugins__image {
background-image:
linear-gradient(
to left,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0) 75%,
rgba(255, 255, 255, 1) 100%
),
url( <?php echo esc_url( plugins_url( 'images/dot-grid.png', __FILE__ ) ); ?>);
background-size: cover;
padding: 48px 64px 48px 96px;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-end;
}

.wpcom-marketing-tools-premium-plugins__image img {
max-width: 350px;
}

@media (max-width: 1200px) {
.wpcom-marketing-tools-premium-plugins__image img {
max-width: 300px;
}
}

@media (max-width: 1080px) {
.wpcom-marketing-tools-premium-plugins__info h2 {
font-size: 24px;
line-height: 32px;
}

.wpcom-marketing-tools-premium-plugins__info {
padding: 24px 0 24px 24px;
}

.wpcom-marketing-tools-premium-plugins__image {
padding: 24px 32px 24px 48px;
}
}

@media (max-width: 600px) {
.wpcom-marketing-tools-premium-plugins__info {
padding: 16px;
}

.wpcom-marketing-tools-premium-plugins__image {
display: none;
}
}
</style>
<div class="wrap">
<h1><?php esc_html_e( 'Marketing Tools', 'jetpack-mu-wpcom' ); ?></h1>
<p class="wpcom-marketing-tools-description"><?php esc_html_e( 'Explore tools to build your audience, market your site, and engage your visitors.', 'jetpack-mu-wpcom' ); ?></p>
<div class="wpcom-marketing-tools-premium-plugins">
<div class="wpcom-marketing-tools-premium-plugins__info">
<h2><?php esc_html_e( 'Explore our premium plugins', 'jetpack-mu-wpcom' ); ?></h2>
<p><?php esc_html_e( "We've added premium plugins to boost your site's capabilities. From bookings and subscriptions to email marketing and SEO tools, we have you covered.", 'jetpack-mu-wpcom' ); ?></p>
<a href="<?php echo esc_url( 'https://wordpress.com/plugins/' . $domain . '?ref=wpcom-marketing-tools' ); ?>" class="button button-primary">
<?php esc_html_e( 'Get started', 'jetpack-mu-wpcom' ); ?>
<span class="dashicons dashicons-arrow-right-alt"></span>
</a>
</div>
<div class="wpcom-marketing-tools-premium-plugins__image">
<img src="<?php echo esc_url( plugins_url( 'images/premium-plugins.png', __FILE__ ) ); ?>" alt="">
</div>
</div>
</div>
<?php
}
11 changes: 0 additions & 11 deletions projects/packages/jetpack-mu-wpcom/src/features/wpcom-admin-menu/wpcom-admin-menu.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -580,17 +580,6 @@ function_exists( 'wpcom_site_has_feature' ) &&
* Adds some Tools menus that are missing on Simple sites.
*/
function wpcom_add_tools_menu() {
$domain = wp_parse_url( home_url(), PHP_URL_HOST );
add_submenu_page(
'tools.php',
__( 'Marketing', 'jetpack-mu-wpcom' ),
__( 'Marketing', 'jetpack-mu-wpcom' ),
'publish_posts',
'https://wordpress.com/marketing/tools/' . $domain,
null, // @phan-suppress-current-line PhanTypeMismatchArgumentProbablyReal -- Core should ideally document null for no-callback arg. https://core.trac.wordpress.org/ticket/52539.
1
);

$is_simple_site = defined( 'IS_WPCOM' ) && IS_WPCOM;
if ( $is_simple_site ) {
add_submenu_page(
Expand Down
Loading