diff --git a/platform/app/public/config/default.js b/platform/app/public/config/default.js
index 2be1dd329..0008c4672 100644
--- a/platform/app/public/config/default.js
+++ b/platform/app/public/config/default.js
@@ -298,6 +298,22 @@ window.config = {
       steps: [
         {
           id: 'scroll',
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
+          title: 'Scrolling Through Images',
           text: 'You can scroll through the images using the mouse wheel or scrollbar.',
           attachTo: {
             element: '.viewport-element',
@@ -308,30 +324,30 @@ window.config = {
             event: 'CORNERSTONE_TOOLS_MOUSE_WHEEL',
           },
           beforeShowPromise: () => waitForElement('.viewport-element'),
-          /**
+        },
+        {
+          id: 'zoom',
+          title: 'Zooming In and Out',
+          text: 'You can zoom the images using the right click.',
+          attachTo: {
+            element: '.viewport-element',
+            on: 'top',
+          },
           buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
             {
               text: 'Next',
               action() {
                 this.next();
               },
             },
-            {
-              text: 'Skip',
-              action() {
-                this.cancel();
-              },
-            },
           ],
-          */
-        },
-        {
-          id: 'zoom',
-          text: 'You can zoom the images using the right click.',
-          attachTo: {
-            element: '.viewport-element',
-            on: 'top',
-          },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
             event: 'CORNERSTONE_TOOLS_MOUSE_UP',
@@ -340,11 +356,27 @@ window.config = {
         },
         {
           id: 'pan',
+          title: 'Panning the Image',
           text: 'You can pan the images using the middle click.',
           attachTo: {
             element: '.viewport-element',
             on: 'top',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '.cornerstone-viewport-element',
             event: 'CORNERSTONE_TOOLS_MOUSE_UP',
@@ -353,11 +385,27 @@ window.config = {
         },
         {
           id: 'windowing',
+          title: 'Adjusting Window Level',
           text: 'You can modify the window level using the left click.',
           attachTo: {
             element: '.viewport-element',
             on: 'top',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '.cornerstone-viewport-element',
             event: 'CORNERSTONE_TOOLS_MOUSE_UP',
@@ -366,11 +414,27 @@ window.config = {
         },
         {
           id: 'length',
+          title: 'Using the Measurement Tools',
           text: 'You can measure the length of a region using the Length tool.',
           attachTo: {
             element: '[data-cy="MeasurementTools-split-button-primary"]',
             on: 'bottom',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '[data-cy="MeasurementTools-split-button-primary"]',
             event: 'click',
@@ -380,11 +444,27 @@ window.config = {
         },
         {
           id: 'drawAnnotation',
+          title: 'Drawing Length Annotations',
           text: 'Use the length tool on the viewport to measure the length of a region.',
           attachTo: {
             element: '.viewport-element',
             on: 'top',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: 'body',
             event: 'event::measurement_added',
@@ -393,6 +473,7 @@ window.config = {
         },
         {
           id: 'trackMeasurement',
+          title: 'Tracking Measurements in the Panel',
           text: 'Click yes to track the measurements in the measurement panel.',
           attachTo: {
             element: '[data-cy="prompt-begin-tracking-yes-btn"]',
@@ -402,15 +483,46 @@ window.config = {
             selector: '[data-cy="prompt-begin-tracking-yes-btn"]',
             event: 'click',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           beforeShowPromise: () => waitForElement('[data-cy="prompt-begin-tracking-yes-btn"]'),
         },
         {
           id: 'openMeasurementPanel',
+          title: 'Opening the Measurements Panel',
           text: 'Click the measurements button to open the measurements panel.',
           attachTo: {
             element: '#trackedMeasurements-btn',
             on: 'left-start',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '#trackedMeasurements-btn',
             event: 'click',
@@ -419,11 +531,27 @@ window.config = {
         },
         {
           id: 'scrollAwayFromMeasurement',
+          title: 'Scrolling Away from a Measurement',
           text: 'Scroll the images using the mouse wheel away from the measurement.',
           attachTo: {
             element: '.viewport-element',
             on: 'top',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '.cornerstone-viewport-element',
             event: 'CORNERSTONE_TOOLS_MOUSE_WHEEL',
@@ -432,11 +560,27 @@ window.config = {
         },
         {
           id: 'jumpToMeasurement',
+          title: 'Jumping to Measurements in the Panel',
           text: 'Click the measurement in the measurement panel to jump to it.',
           attachTo: {
             element: '[data-cy="measurement-item"]',
             on: 'left-start',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '[data-cy="measurement-item"]',
             event: 'click',
@@ -445,11 +589,27 @@ window.config = {
         },
         {
           id: 'changeLayout',
+          title: 'Changing Layout',
           text: 'You can change the layout of the viewer using the layout button.',
           attachTo: {
             element: '[data-cy="Layout"]',
             on: 'bottom',
           },
+          buttons: [
+            {
+              text: 'Skip all',
+              action() {
+                this.complete();
+              },
+              secondary: true,
+            },
+            {
+              text: 'Next',
+              action() {
+                this.next();
+              },
+            },
+          ],
           advanceOn: {
             selector: '[data-cy="Layout"]',
             event: 'click',
@@ -458,11 +618,20 @@ window.config = {
         },
         {
           id: 'selectLayout',
+          title: 'Selecting the MPR Layout',
           text: 'Select the MPR layout to view the images in MPR mode.',
           attachTo: {
             element: '[data-cy="MPR"]',
             on: 'left-start',
           },
+          buttons: [
+            {
+              text: 'Got it!',
+              action() {
+                this.complete();
+              },
+            },
+          ],
           advanceOn: {
             selector: '[data-cy="MPR"]',
             event: 'click',