diff --git a/app/assets/javascripts/discourse/app/widgets/before-header-panel-outlet.js b/app/assets/javascripts/discourse/app/widgets/before-header-panel-outlet.js
new file mode 100644
index 00000000000..9ee3bc82489
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/widgets/before-header-panel-outlet.js
@@ -0,0 +1,8 @@
+import { hbs } from "ember-cli-htmlbars";
+import { registerWidgetShim } from "discourse/widgets/render-glimmer";
+
+registerWidgetShim(
+  "before-header-panel-outlet",
+  "div.before-header-panel-outlet",
+  hbs`<PluginOutlet @name="before-header-panel" @outletArgs={{hash attrs=@data}} /> `
+);
diff --git a/app/assets/javascripts/discourse/app/widgets/header-contents.js b/app/assets/javascripts/discourse/app/widgets/header-contents.js
index 7e9aba68947..ad66256b511 100644
--- a/app/assets/javascripts/discourse/app/widgets/header-contents.js
+++ b/app/assets/javascripts/discourse/app/widgets/header-contents.js
@@ -25,6 +25,8 @@ createWidget("header-contents", {
       {{/if}}
     {{/if}}
 
+    {{before-header-panel-outlet attrs=attrs}}
+
     <div class="panel clearfix" role="navigation">{{yield}}</div>
   `,
 });