diff --git a/projects/packages/my-jetpack/_inc/admin.jsx b/projects/packages/my-jetpack/_inc/admin.jsx
index 43a4f03aa11f7..9db135ddabb28 100644
--- a/projects/packages/my-jetpack/_inc/admin.jsx
+++ b/projects/packages/my-jetpack/_inc/admin.jsx
@@ -12,7 +12,7 @@ import { Container, Col, JetpackFooter } from '@automattic/jetpack-components';
import MyJetpackScreen from './components/my-jetpack-screen';
import ConnectionScreen from './components/connection-screen';
import { initStore } from './state/store';
-import { BoostInterstitial } from './components/product-interstitial';
+import { BoostInterstitial, SearchInterstitial } from './components/product-interstitial';
import GoBackLink from './components/go-back-link';
import styles from './style.module.scss';
@@ -75,6 +75,10 @@ function render() {
path="/add-boost"
element={ } /> }
/>
+ } /> }
+ />
,
container
diff --git a/projects/packages/my-jetpack/_inc/components/product-card/index.jsx b/projects/packages/my-jetpack/_inc/components/product-card/index.jsx
index 6e2e732b74841..dce96000c9805 100644
--- a/projects/packages/my-jetpack/_inc/components/product-card/index.jsx
+++ b/projects/packages/my-jetpack/_inc/components/product-card/index.jsx
@@ -18,11 +18,13 @@ export const PRODUCT_STATUSES = {
INACTIVE: 'inactive',
ERROR: 'error',
ABSENT: 'plugin_absent',
+ NEEDS_PURCHASE: 'needs_purchase',
};
const PRODUCT_STATUSES_LABELS = {
[ PRODUCT_STATUSES.ACTIVE ]: __( 'Active', 'jetpack-my-jetpack' ),
[ PRODUCT_STATUSES.INACTIVE ]: __( 'Inactive', 'jetpack-my-jetpack' ),
+ [ PRODUCT_STATUSES.NEEDS_PURCHASE ]: __( 'Inactive', 'jetpack-my-jetpack' ),
[ PRODUCT_STATUSES.ERROR ]: __( 'Error', 'jetpack-my-jetpack' ),
};
@@ -65,6 +67,7 @@ const renderActionButton = ( {
};
switch ( status ) {
+ case PRODUCT_STATUSES.NEEDS_PURCHASE:
case PRODUCT_STATUSES.ABSENT:
return (