diff --git a/preview/src/index.html b/preview/src/index.html
index f36c07b7..6eb8200e 100644
--- a/preview/src/index.html
+++ b/preview/src/index.html
@@ -50,6 +50,7 @@
 
         return {
             previewMode: metadata?.previewMode ?? null,
+            slot: metadata?.slotName ?? null,
             audience: metadata?.audienceName ?? null,
             experience: metadata?.experienceName ?? null,
             experiment: metadata?.experimentName ?? null,
@@ -73,6 +74,10 @@
             params.append('previewMode', previewInfo.previewMode);
         }
 
+        if (previewInfo.slot !== null) {
+            params.append('slot', previewInfo.slot);
+        }
+
         if (previewInfo.audience !== null) {
             params.append('audience', previewInfo.audience);
         }
diff --git a/preview/src/widget.html b/preview/src/widget.html
index ddf44c0a..747a3810 100644
--- a/preview/src/widget.html
+++ b/preview/src/widget.html
@@ -61,6 +61,20 @@
                             <p id="preview-audience">Unknown</p>
                         </div>
                     </li>
+                    <li>
+                        <svg class="icon" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <rect x="1" y="2" width="18" height="16" rx="1.5" stroke="currentColor" stroke-width="1.5"/>
+                            <path d="M1 6.25H19" stroke="currentColor" stroke-width="1.5"/>
+                            <circle cx="12.5" cy="4.1" r="0.9" fill="currentColor"/>
+                            <circle cx="15.75" cy="4.1" r="0.9" fill="currentColor"/>
+                            <path d="M8 8.5C8.3 10.3 9.2 11.2 11 11.5C9.2 11.8 8.3 12.7 8 14.5C7.7 12.7 6.8 11.8 5 11.5C6.8 11.2 7.7 10.3 8 8.5Z" fill="currentColor" stroke="currentColor" stroke-width="0.75" stroke-linejoin="round"/>
+                            <path d="M13.5 12.5C13.65 13.4 14.1 13.85 15 14C14.1 14.15 13.65 14.6 13.5 15.5C13.35 14.6 12.9 14.15 12 14C12.9 13.85 13.35 13.4 13.5 12.5Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linejoin="round"/>
+                        </svg>
+                        <div class="description">
+                            <div class="title">Slot</div>
+                            <p id="preview-slot">Unknown</p>
+                        </div>
+                    </li>
                     <li>
                         <svg class="icon" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path fill-rule="evenodd" clip-rule="evenodd" d="M2.77214 1.09983C3.26456 0.614982 3.92974 0.344849 4.62069 0.344849H11.7931C12.0104 0.344849 12.2189 0.430289 12.3737 0.582724L17.7531 5.87928C17.911 6.03483 18 6.24727 18 6.46899V17.0621C18 17.754 17.7207 18.4149 17.2279 18.9002C16.7354 19.3851 16.0703 19.6552 15.3793 19.6552H4.62069C3.92974 19.6552 3.26456 19.3851 2.77214 18.9002C2.27928 18.4149 2 17.754 2 17.0621V2.93795C2 2.24604 2.27928 1.58511 2.77214 1.09983ZM4.62069 2.00002C4.36051 2.00002 4.11353 2.10191 3.93341 2.27925C3.75373 2.45617 3.65517 2.69337 3.65517 2.93795V17.0621C3.65517 17.3067 3.75373 17.5439 3.93341 17.7208C4.11353 17.8981 4.36051 18 4.62069 18H15.3793C15.6395 18 15.8865 17.8981 16.0666 17.7208C16.2463 17.5439 16.3448 17.3067 16.3448 17.0621V6.81555L11.4541 2.00002H4.62069Z" fill="currentColor"/>
diff --git a/preview/src/widget.js b/preview/src/widget.js
index 63120590..dbe08d39 100644
--- a/preview/src/widget.js
+++ b/preview/src/widget.js
@@ -90,8 +90,13 @@ window.addEventListener('DOMContentLoaded', () => {
         .ready
         .then(onLoad);
 
+    const slotContentLabels = {
+        slotDefaultContent: 'Default content',
+        fallbackContent: 'Fallback content',
+    };
+
     function renderExperience(previewMode, experience) {
-        if(previewMode === 'slotDefaultContent') {
+        if (slotContentLabels[previewMode] !== undefined) {
             document.getElementById('preview-experience')
                 .closest('li')
                 .remove();
@@ -103,8 +108,10 @@ window.addEventListener('DOMContentLoaded', () => {
     }
 
     function renderAudience(previewMode, audience) {
-        if(previewMode === 'slotDefaultContent') {
-            document.getElementById('preview-audience').textContent = 'None';
+        if (slotContentLabels[previewMode] !== undefined) {
+            document.getElementById('preview-audience')
+                .closest('li')
+                .remove();
 
             return;
         }
@@ -113,7 +120,17 @@ window.addEventListener('DOMContentLoaded', () => {
     }
 
     function renderExperiment(previewMode, variant, experiment) {
-        if (previewMode === 'slotDefaultContent' || experiment === null) {
+        if (slotContentLabels[previewMode] !== undefined) {
+            document.getElementById('preview-experiment')
+                .closest('li')
+                .remove();
+
+            document.getElementById('preview-content').textContent = slotContentLabels[previewMode];
+
+            return;
+        }
+
+        if (experiment === null) {
             document.getElementById('preview-content')
                 .closest('li')
                 .remove();
@@ -132,6 +149,18 @@ window.addEventListener('DOMContentLoaded', () => {
         }
     }
 
+    function renderSlot(slot) {
+        if (slot === null) {
+            document.getElementById('preview-slot')
+                .closest('li')
+                .remove();
+
+            return;
+        }
+
+        document.getElementById('preview-slot').textContent = slot;
+    }
+
     function renderLocale(locale) {
         if (locale === null) {
             document.getElementById('preview-locale')
@@ -157,6 +186,7 @@ window.addEventListener('DOMContentLoaded', () => {
     const params = new URLSearchParams(window.location.search);
 
     const previewMode = params.get('previewMode');
+    const slot = params.get('slot');
     const experience = params.get('experience');
     const audience = params.get('audience');
     const experiment = params.get('experiment');
@@ -169,5 +199,7 @@ window.addEventListener('DOMContentLoaded', () => {
 
     renderExperiment(previewMode, variant, experiment);
 
+    renderSlot(slot);
+
     renderLocale(locale);
 });
diff --git a/preview/test/widget.spec.ts b/preview/test/widget.spec.ts
index 2d3d523b..9c35c4e4 100644
--- a/preview/test/widget.spec.ts
+++ b/preview/test/widget.spec.ts
@@ -33,6 +33,7 @@ test.describe('Preview widget', () => {
 
     test('should expand clicking on the widget', async ({page}) => {
         await open(page, {
+            previewMode: 'publishedContent',
             experience: 'Experience',
             experiment: 'Experiment',
             audience: 'Audience',
@@ -47,16 +48,18 @@ test.describe('Preview widget', () => {
         await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
         await expect(page.locator('#minimize-button')).toHaveAttribute('aria-expanded', 'true');
 
-        await expect(page.locator('#preview-experience')).toBeAttached();
+        await expect(page.locator('#preview-experience')).toHaveText('Experience');
 
-        await expect(page.locator('#preview-experiment')).toBeAttached();
+        await expect(page.locator('#preview-experiment')).toHaveText('Experiment');
 
-        await expect(page.locator('#preview-audience')).toBeAttached();
+        await expect(page.locator('#preview-audience')).toHaveText('Audience');
 
-        await expect(page.locator('#preview-content')).toBeAttached();
+        await expect(page.locator('#preview-content')).toHaveText('Variant');
 
         await expect(page.locator('#preview-locale')).toBeAttached();
 
+        await expect(page.locator('#preview-slot')).not.toBeAttached();
+
         await expect(page).toHaveScreenshot('widget-expanded.png');
     });
 
@@ -78,9 +81,83 @@ test.describe('Preview widget', () => {
         await expect(page).toHaveScreenshot('widget-truncated.png');
     });
 
-    test('should not indicate any specific audience when previewing the default content', async ({page}) => {
+    test('should display the slot when previewing the default content', async ({page}) => {
         await open(page, {
             previewMode: 'slotDefaultContent',
+            slot: 'Home banner',
+            locale: 'en-us',
+        });
+
+        const disclosure = page.locator('#disclosure');
+
+        await disclosure.click();
+
+        await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
+
+        await expect(page.locator('#preview-content')).toHaveText('Default content');
+
+        await expect(page.locator('#preview-slot')).toHaveText('Home banner');
+
+        await expect(page.locator('.options .title')).toHaveText(['Slot', 'Content', 'Locale']);
+
+        await expect(page.locator('#preview-audience')).not.toBeAttached();
+
+        await expect(page.locator('#preview-experience')).not.toBeAttached();
+
+        await expect(page.locator('#preview-experiment')).not.toBeAttached();
+
+        await expect(page).toHaveScreenshot('widget-slot-default-content.png');
+    });
+
+    test('should not display the slot if not specified when previewing the default content', async ({page}) => {
+        await open(page, {
+            previewMode: 'slotDefaultContent',
+            locale: 'en-us',
+        });
+
+        const disclosure = page.locator('#disclosure');
+
+        await disclosure.click();
+
+        await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
+
+        await expect(page.locator('#preview-content')).toHaveText('Default content');
+
+        await expect(page.locator('#preview-slot')).not.toBeAttached();
+    });
+
+    test('should display the slot when previewing the fallback content', async ({page}) => {
+        await open(page, {
+            previewMode: 'fallbackContent',
+            slot: 'Home banner',
+            locale: 'en-us',
+        });
+
+        const disclosure = page.locator('#disclosure');
+
+        await disclosure.click();
+
+        await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
+
+        await expect(page.locator('#preview-content')).toHaveText('Fallback content');
+
+        await expect(page.locator('#preview-slot')).toHaveText('Home banner');
+
+        await expect(page.locator('.options .title')).toHaveText(['Slot', 'Content', 'Locale']);
+
+        await expect(page.locator('#preview-audience')).not.toBeAttached();
+
+        await expect(page.locator('#preview-experience')).not.toBeAttached();
+
+        await expect(page.locator('#preview-experiment')).not.toBeAttached();
+
+        await expect(page).toHaveScreenshot('widget-slot-fallback-content.png');
+    });
+
+    test('should hide the experience when previewing the fallback content', async ({page}) => {
+        await open(page, {
+            previewMode: 'fallbackContent',
+            slot: 'Home banner',
             experience: 'Experience',
             experiment: 'Experiment',
             audience: 'Audience',
@@ -94,15 +171,43 @@ test.describe('Preview widget', () => {
 
         await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
 
-        await expect(page.locator('#preview-audience')).toHaveText('None');
-
         await expect(page.locator('#preview-experience')).not.toBeAttached();
 
         await expect(page.locator('#preview-experiment')).not.toBeAttached();
 
-        await expect(page.locator('#preview-content')).not.toBeAttached();
+        await expect(page.locator('#preview-audience')).not.toBeAttached();
 
-        await expect(page).toHaveScreenshot('widget-slot-default-content.png');
+        await expect(page.locator('#preview-content')).toHaveText('Fallback content');
+
+        await expect(page.locator('.options .title')).toHaveText(['Slot', 'Content', 'Locale']);
+    });
+
+    test('should display the slot along with the experience when previewing the slot timeline', async ({page}) => {
+        await open(page, {
+            previewMode: 'slotTimeline',
+            slot: 'Home banner',
+            experience: 'Experience',
+            experiment: 'Experiment',
+            audience: 'Audience',
+            variant: 'Variant',
+            locale: 'en-us',
+        });
+
+        const disclosure = page.locator('#disclosure');
+
+        await disclosure.click();
+
+        await expect(disclosure).toHaveAttribute('aria-expanded', 'true');
+
+        await expect(page.locator('#preview-slot')).toHaveText('Home banner');
+
+        await expect(page.locator('#preview-experience')).toHaveText('Experience');
+
+        await expect(page.locator('#preview-audience')).toHaveText('Audience');
+
+        await expect(page.locator('#preview-experiment')).toHaveText('Experiment');
+
+        await expect(page.locator('#preview-content')).toHaveText('Variant');
     });
 
     test('should display the experiment default content if no variant is specified', async ({page}) => {
@@ -249,14 +354,12 @@ test.describe('Preview widget', () => {
 
         await expect(page.locator('#disclosure')).toHaveAttribute('aria-expanded', 'true');
 
-        await expect.poll(() => events.length).toBeGreaterThan(0);
-
-        events.splice(0, events.length);
-
         await page.locator('#leave-button').click();
 
-        await expect.poll(() => events.length).toBe(1);
+        const getLeaveEvents = (): WidgetEvent[] => events.filter(event => event.type === 'croct:preview:leave');
+
+        await expect.poll(() => getLeaveEvents().length).toBe(1);
 
-        expect(events[0].type).toEqual('croct:preview:leave');
+        expect(getLeaveEvents()).toEqual([{type: 'croct:preview:leave'}]);
     });
 });
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-chromium.png b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-chromium.png
index 073f2ee8..d7398257 100644
Binary files a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-chromium.png and b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-chromium.png differ
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-firefox.png b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-firefox.png
index 4e03223b..0c3d5475 100644
Binary files a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-firefox.png and b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-firefox.png differ
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-webkit.png b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-webkit.png
index 14205de2..4b440b67 100644
Binary files a/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-webkit.png and b/preview/test/widget.spec.ts-snapshots/widget-slot-default-content-webkit.png differ
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-chromium.png b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-chromium.png
new file mode 100644
index 00000000..5bef9a40
Binary files /dev/null and b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-chromium.png differ
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-firefox.png b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-firefox.png
new file mode 100644
index 00000000..59867a26
Binary files /dev/null and b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-firefox.png differ
diff --git a/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-webkit.png b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-webkit.png
new file mode 100644
index 00000000..96c40968
Binary files /dev/null and b/preview/test/widget.spec.ts-snapshots/widget-slot-fallback-content-webkit.png differ
diff --git a/src/plugins/preview/index.ts b/src/plugins/preview/index.ts
index 84a026ac..e57483f0 100644
--- a/src/plugins/preview/index.ts
+++ b/src/plugins/preview/index.ts
@@ -16,6 +16,7 @@ export type Configuration = {
 export class PreviewPlugin implements Plugin {
     private static readonly PREVIEW_PARAMS = {
         previewMode: 'previewMode',
+        slotName: 'slot',
         experienceName: 'experience',
         experimentName: 'experiment',
         audienceName: 'audience',
diff --git a/test/plugins/preview/index.test.ts b/test/plugins/preview/index.test.ts
index ce263728..91d9d1de 100644
--- a/test/plugins/preview/index.test.ts
+++ b/test/plugins/preview/index.test.ts
@@ -236,6 +236,7 @@ describe('A Preview plugin', () => {
         const src = new URL(widget.getAttribute('src')!);
 
         expect(src.searchParams.has('previewMode')).toBe(false);
+        expect(src.searchParams.has('slot')).toBe(false);
         expect(src.searchParams.has('experience')).toBe(false);
         expect(src.searchParams.has('experiment')).toBe(false);
         expect(src.searchParams.has('audience')).toBe(false);
@@ -274,6 +275,38 @@ describe('A Preview plugin', () => {
         expect(src.searchParams.get('audience')).toBe(metadata.audienceName);
         expect(src.searchParams.get('variant')).toBe(metadata.variantName);
         expect(src.searchParams.get('locale')).toBe(metadata.locale);
+        expect(src.searchParams.has('slot')).toBe(false);
+    });
+
+    it('should insert the widget with the slot information', () => {
+        const plugin = new PreviewPlugin(configuration);
+
+        const metadata = {
+            previewMode: 'slotDefaultContent',
+            slotId: '2e7ec10a-e27e-4269-9c16-3fc05271c817',
+            slotName: 'Home banner',
+            locale: 'en-us',
+        };
+
+        configuration.tokenStore.setToken(Token.of(tokenData.headers, {
+            ...tokenData.payload,
+            metadata: metadata,
+        }));
+
+        plugin.enable();
+
+        const widget = document.body.querySelector('iframe') as HTMLIFrameElement;
+
+        const src = new URL(widget.getAttribute('src')!);
+
+        expect(src.searchParams.get('previewMode')).toBe(metadata.previewMode);
+        expect(src.searchParams.get('slot')).toBe(metadata.slotName);
+        expect(src.searchParams.get('locale')).toBe(metadata.locale);
+        expect(src.searchParams.has('slotId')).toBe(false);
+        expect(src.searchParams.has('experience')).toBe(false);
+        expect(src.searchParams.has('experiment')).toBe(false);
+        expect(src.searchParams.has('audience')).toBe(false);
+        expect(src.searchParams.has('variant')).toBe(false);
     });
 
     it('should insert the widget when the document is ready', () => {