diff --git a/services/web/app/src/Features/Project/ProjectController.js b/services/web/app/src/Features/Project/ProjectController.js
index 12ef10732f..dd4706884b 100644
--- a/services/web/app/src/Features/Project/ProjectController.js
+++ b/services/web/app/src/Features/Project/ProjectController.js
@@ -670,6 +670,11 @@ const _ProjectController = {
           ? 'project/ide-react-detached'
           : 'project/ide-react'
 
+      // Get the user's assignment for this page's Bootstrap 5 split test, which
+      // populates splitTestVariants with a value for the split test name and allows
+      // Pug to read it
+      await SplitTestHandler.promises.getAssignment(req, res, 'bootstrap-5-ide')
+
       res.render(template, {
         title: project.name,
         priority_title: true,
diff --git a/services/web/app/views/project/ide-react.pug b/services/web/app/views/project/ide-react.pug
index 3071e0ef5d..292874e01a 100644
--- a/services/web/app/views/project/ide-react.pug
+++ b/services/web/app/views/project/ide-react.pug
@@ -5,6 +5,8 @@ block vars
 	- var suppressFooter = true
 	- var suppressSkipToContent = true
 	- var deferScripts = true
+	- bootstrap5PageStatus = 'enabled' // One of 'disabled', 'enabled', and 'queryStringOnly'
+	- bootstrap5PageSplitTest = 'bootstrap-5-ide'
 	- metadata.robotsNoindexNofollow = true
 
 block entrypointVar