diff --git a/packages/x-components/src/__stubs__/semantic-queries-stubs.factory.ts b/packages/x-components/src/__stubs__/semantic-queries-stubs.factory.ts
index 0ca0767968..facc2ad981 100644
--- a/packages/x-components/src/__stubs__/semantic-queries-stubs.factory.ts
+++ b/packages/x-components/src/__stubs__/semantic-queries-stubs.factory.ts
@@ -1,6 +1,6 @@
 import { deepMerge } from '@empathyco/x-deep-merge';
 import { SemanticQueriesResponse, SemanticQuery } from '@empathyco/x-types';
-import { DeepPartial } from '@empathyco/x-utils/src/types/utils.types';
+import { DeepPartial } from '@empathyco/x-utils';
 
 /**
  * Creates a {@link SemanticQuery} stub with the provided options.
diff --git a/packages/x-components/src/views/home/Home.vue b/packages/x-components/src/views/home/Home.vue
index f47669051f..f2fc5416f1 100644
--- a/packages/x-components/src/views/home/Home.vue
+++ b/packages/x-components/src/views/home/Home.vue
@@ -626,10 +626,12 @@
     protected queriesPreviewInfo: QueryPreviewInfo[] = [
       {
         query: 'cortina',
-        extraParams: { store: 'Gijón' }
+        extraParams: { store: 'Gijón' },
+        filters: ['categoryIds:66dd06d9f']
       },
       {
-        query: 'marni summer dress'
+        query: 'summer dress',
+        filters: ['categoryIds:5b612edb5', 'brand:marni']
       },
       {
         query: 'woven hat'
diff --git a/packages/x-components/src/x-modules/queries-preview/components/__tests__/query-preview.spec.ts b/packages/x-components/src/x-modules/queries-preview/components/__tests__/query-preview.spec.ts
index 8fabdef16b..18fadcb0e4 100644
--- a/packages/x-components/src/x-modules/queries-preview/components/__tests__/query-preview.spec.ts
+++ b/packages/x-components/src/x-modules/queries-preview/components/__tests__/query-preview.spec.ts
@@ -103,7 +103,11 @@ describe('query preview', () => {
 
   it('sends the `QueryPreviewRequestUpdated` event', async () => {
     const { queryPreviewRequestUpdatedSpy, wrapper, updateExtraParams } = renderQueryPreview({
-      queryPreviewInfo: { query: 'shoes', extraParams: { directory: 'Magrathea' } }
+      queryPreviewInfo: {
+        query: 'shoes',
+        extraParams: { directory: 'Magrathea' },
+        filters: ['fit:regular']
+      }
     });
 
     jest.advanceTimersByTime(0); // Wait for first emission.
@@ -112,6 +116,15 @@ describe('query preview', () => {
       extraParams: {
         directory: 'Magrathea'
       },
+      filters: {
+        fit: [
+          {
+            id: 'fit:regular',
+            modelName: 'RawFilter',
+            selected: true
+          }
+        ]
+      },
       origin: undefined,
       query: 'shoes',
       rows: 24
@@ -126,6 +139,15 @@ describe('query preview', () => {
       extraParams: {
         directory: 'Magrathea'
       },
+      filters: {
+        fit: [
+          {
+            id: 'fit:regular',
+            modelName: 'RawFilter',
+            selected: true
+          }
+        ]
+      },
       origin: 'popular_search:none',
       query: 'shoes',
       rows: 24
@@ -139,6 +161,15 @@ describe('query preview', () => {
         directory: 'Magrathea',
         store: 'Uganda'
       },
+      filters: {
+        fit: [
+          {
+            id: 'fit:regular',
+            modelName: 'RawFilter',
+            selected: true
+          }
+        ]
+      },
       origin: 'popular_search:none',
       query: 'shoes',
       rows: 24
diff --git a/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue b/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
index cbd110be42..9f52af291d 100644
--- a/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
+++ b/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
@@ -62,7 +62,8 @@
         extraParams: {
           ...this.params,
           ...this.queryPreviewInfo.extraParams
-        }
+        },
+        filters: this.queryPreviewInfo.filters
       };
     }
 
diff --git a/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue b/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
index 6c224d369d..10d7f7dc43 100644
--- a/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
+++ b/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
@@ -35,8 +35,8 @@
 <script lang="ts">
   import Vue from 'vue';
   import { Component, Prop, Inject, Watch } from 'vue-property-decorator';
+  import { SearchRequest, Result, Filter } from '@empathyco/x-types';
   import { deepEqual, Dictionary } from '@empathyco/x-utils';
-  import { SearchRequest, Result } from '@empathyco/x-types';
   import { State } from '../../../components/decorators/store.decorators';
   import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';
   import { XProvide } from '../../../components/decorators/injection.decorators';
@@ -50,6 +50,7 @@
   import { createOrigin } from '../../../utils/origin';
   import { debounce } from '../../../utils/debounce';
   import { DebouncedFunction } from '../../../utils';
+  import { createRawFilter } from '../../../__stubs__/index';
 
   /**
    * Retrieves a preview of the results of a query and exposes them in the default slot,
@@ -161,11 +162,21 @@
         feature: this.queryFeature,
         location: this.location
       });
+      const filters = this.queryPreviewInfo.filters?.reduce((filtersList, filterId) => {
+        const facetId = filterId.split(':')[0];
+        const rawFilter = createRawFilter(filterId);
+        filtersList[facetId] = filtersList[facetId]
+          ? filtersList[facetId].concat(rawFilter)
+          : [rawFilter];
+
+        return filtersList;
+      }, {} as Record<string, Filter[]>);
 
       return {
         query: this.queryPreviewInfo.query,
         rows: this.config.maxItemsToRequest,
         extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },
+        filters: filters,
         ...(origin && { origin })
       };
     }
diff --git a/packages/x-components/src/x-modules/queries-preview/store/module.ts b/packages/x-components/src/x-modules/queries-preview/store/module.ts
index 5a5836ed80..04f6fb377c 100644
--- a/packages/x-components/src/x-modules/queries-preview/store/module.ts
+++ b/packages/x-components/src/x-modules/queries-preview/store/module.ts
@@ -17,7 +17,8 @@ export const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {
     queriesPreview: {},
     selectedQueryPreview: {
       query: '',
-      extraParams: undefined
+      extraParams: undefined,
+      filters: undefined
     },
     params: {}
   }),
diff --git a/packages/x-components/src/x-modules/queries-preview/store/types.ts b/packages/x-components/src/x-modules/queries-preview/store/types.ts
index a6fafad0d6..7e562242f8 100644
--- a/packages/x-components/src/x-modules/queries-preview/store/types.ts
+++ b/packages/x-components/src/x-modules/queries-preview/store/types.ts
@@ -34,6 +34,8 @@ export interface QueryPreviewInfo {
   query: string;
   /** The extra params to perform the search. */
   extraParams?: Dictionary<unknown>;
+  /** The filters to perform the search. */
+  filters?: string[];
   /** An optional title for the container. */
   title?: string;
   /** Any other additional information to render the preview with. */