diff --git a/plugins/woocommerce-admin/client/layout/index.js b/plugins/woocommerce-admin/client/layout/index.js
index e36c09b33b4..fb7acdbb198 100644
--- a/plugins/woocommerce-admin/client/layout/index.js
+++ b/plugins/woocommerce-admin/client/layout/index.js
@@ -222,15 +222,19 @@ export const PageLayout = compose(
 		: identity
 )( _PageLayout );
 
-export class EmbedLayout extends Component {
-	render() {
-		return (
-			<Layout
-				page={ {
-					breadcrumbs: getSetting( 'embedBreadcrumbs', [] ),
-				} }
-				isEmbedded
-			/>
-		);
-	}
-}
+const _EmbedLayout = () => (
+	<Layout
+		page={ {
+			breadcrumbs: getSetting( 'embedBreadcrumbs', [] ),
+		} }
+		isEmbedded
+	/>
+);
+
+export const EmbedLayout = compose(
+	window.wcSettings.preloadOptions
+		? withOptionsHydration( {
+				...window.wcSettings.preloadOptions,
+		  } )
+		: identity
+)( _EmbedLayout );
diff --git a/plugins/woocommerce-admin/config/core.json b/plugins/woocommerce-admin/config/core.json
index c083ae1eeef..7327492be58 100644
--- a/plugins/woocommerce-admin/config/core.json
+++ b/plugins/woocommerce-admin/config/core.json
@@ -13,6 +13,7 @@
 		"store-alerts": true,
 		"minified-js": false,
 		"wcpay": true,
-		"mobile-app-banner": true
+		"mobile-app-banner": true,
+		"navigation": false
 	}
 }
diff --git a/plugins/woocommerce-admin/config/development.json b/plugins/woocommerce-admin/config/development.json
index 725b7594a80..8ae6e110b4a 100644
--- a/plugins/woocommerce-admin/config/development.json
+++ b/plugins/woocommerce-admin/config/development.json
@@ -13,6 +13,7 @@
 		"store-alerts": true,
 		"minified-js": true,
 		"wcpay": true,
-		"mobile-app-banner": true
+		"mobile-app-banner": true,
+		"navigation": true
 	}
 }
diff --git a/plugins/woocommerce-admin/config/plugin.json b/plugins/woocommerce-admin/config/plugin.json
index 37b1729f07f..38a95129c19 100644
--- a/plugins/woocommerce-admin/config/plugin.json
+++ b/plugins/woocommerce-admin/config/plugin.json
@@ -13,6 +13,7 @@
 		"store-alerts": true,
 		"minified-js": true,
 		"wcpay": true,
-		"mobile-app-banner": true
+		"mobile-app-banner": true,
+		"navigation": false
 	}
 }
diff --git a/plugins/woocommerce-admin/src/Features/Navigation.php b/plugins/woocommerce-admin/src/Features/Navigation.php
new file mode 100644
index 00000000000..faa3e35bece
--- /dev/null
+++ b/plugins/woocommerce-admin/src/Features/Navigation.php
@@ -0,0 +1,45 @@
+<?php
+/**
+ * Navigation Experience
+ *
+ * @package Woocommerce Admin
+ */
+
+namespace Automattic\WooCommerce\Admin\Features;
+
+/**
+ * Contains logic for the Navigation
+ */
+class Navigation {
+	/**
+	 * Hook into WooCommerce.
+	 */
+	public function __construct() {
+		add_filter( 'woocommerce_admin_preload_options', array( $this, 'preload_options' ) );
+		add_filter( 'woocommerce_admin_features', array( $this, 'maybe_remove_nav_feature' ), 0 );
+	}
+
+		/**
+		 * Overwrites the allowed features array using a local `feature-config.php` file.
+		 *
+		 * @param array $features Array of feature slugs.
+		 */
+	public function maybe_remove_nav_feature( $features ) {
+		if ( in_array( 'navigation', $features, true ) && 'yes' !== get_option( 'woocommerce_navigation_enabled', 'no' ) ) {
+			$features = array_diff( $features, array( 'navigation' ) );
+		}
+		return $features;
+	}
+
+	/**
+	 * Preload options to prime state of the application.
+	 *
+	 * @param array $options Array of options to preload.
+	 * @return array
+	 */
+	public function preload_options( $options ) {
+		$options[] = 'woocommerce_navigation_enabled';
+
+		return $options;
+	}
+}