diff --git a/feature-libs/asm/customer-360/assets/translations/en/customer-360.ts b/feature-libs/asm/customer-360/assets/translations/en/customer-360.ts
index d7e7aec7bcf..7fa4fdacb5c 100644
--- a/feature-libs/asm/customer-360/assets/translations/en/customer-360.ts
+++ b/feature-libs/asm/customer-360/assets/translations/en/customer-360.ts
@@ -9,6 +9,8 @@ export const customer360 = {
     alertErrorMessage:
       'The information cannot be be loaded. Please try again later or contact your system administrator.',
     errorMessageHeader: 'Oops! Something didn\x27t',
+    applyActionAlter:
+      "The action couldn't be completed. Please try again later.",
     header: {
       title: 'Customer Profile',
       subTitle: '{{name}} Customer 360\xB0 View',
@@ -88,6 +90,13 @@ export const customer360 = {
       header: 'Support Tickets',
       emptyDescription: 'There are currently no support tickets',
     },
+    coupons: {
+      headerText: 'Coupons',
+      emptyDescription: 'There are currently no coupons',
+      applyButtonText: 'Apply to Cart',
+      applied: 'Coupon Applied',
+      removeButtonText: 'Remove',
+    },
     maps: {
       storeClosed: 'Close',
       storesFound: '{{ initial }} - {{ end }} from {{ total }} stores found',
@@ -96,7 +105,7 @@ export const customer360 = {
     profileTab: 'Profile',
     activityTab: 'Activity',
     feedbackTab: 'Feedback',
-    promotionsTab: 'Promotion',
+    promotionsTab: 'Promotions',
     mapsTab: 'Maps',
     aria: {
       activeCartCode: 'Active Cart {{code}}',
diff --git a/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.html b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.html
new file mode 100644
index 00000000000..a7257a15f53
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.html
@@ -0,0 +1,83 @@
+<div class="cx-asm-customer-promotion-listing-heading" *ngIf="headerText">
+  <h4 class="cx-asm-customer-promotion-listing-heading-text">
+    {{ headerText }}
+  </h4>
+</div>
+<div class="message-container">
+  <cx-message
+    *ngIf="showAlert"
+    [text]="'customer360.alertErrorMessage' | cxTranslate"
+    [type]="globalMessageType.MSG_TYPE_ERROR"
+    (closeMessage)="removeAlert.emit()"
+  ></cx-message>
+  <cx-message
+    *ngIf="showAlertForApplyAction"
+    [text]="'customer360.applyActionAlter' | cxTranslate"
+    [type]="globalMessageType.MSG_TYPE_ERROR"
+    (closeMessage)="removeAlertForApplyAction.emit()"
+  ></cx-message>
+</div>
+<table class="cx-asm-customer-promotion-listing">
+  <ng-container *ngFor="let entry of entries">
+    <tr class="cx-asm-customer-promotion-listing-row">
+      <td>
+        <tr class="cx-asm-customer-promotion-listing-subheader" tabindex="-1">
+          {{
+            entry.code
+          }}
+        </tr>
+        <tr class="cx-asm-customer-promotion-listing-description">
+          {{
+            entry.name
+          }}
+        </tr>
+      </td>
+      <td>
+        <ng-container *ngIf="!entry.applied">
+          <button
+            *ngIf="showApplyButton"
+            class="cx-asm-customer-promotion-listing-apply-button"
+            (click)="apply.emit(entry)"
+          >
+            {{ applyButtonText }}
+          </button>
+        </ng-container>
+        <ng-container *ngIf="entry.applied">
+          <tr class="cx-asm-customer-promotion-listing-action">
+            <td>
+              <cx-icon class="success" type="SUCCESS"></cx-icon>
+            </td>
+            <td class="cx-asm-customer-promotion-listing-applied">
+              {{ applied }}
+            </td>
+            <td
+              *ngIf="showRemoveButton"
+              class="cx-asm-customer-promotion-listing-action-separator"
+            >
+              |
+            </td>
+            <td *ngIf="showRemoveButton">
+              <button
+                class="cx-asm-customer-promotion-listing-remove-button"
+                (click)="remove.emit(entry)"
+              >
+                {{ removeButtonText }}
+              </button>
+            </td>
+          </tr>
+        </ng-container>
+      </td>
+    </tr>
+  </ng-container>
+</table>
+<hr
+  class="cx-asm-customer-promotion-listing-separator"
+  aria-hidden="true"
+  *ngIf="!showAlert"
+/>
+<div
+  class="cx-asm-customer-promotion-listing-empty"
+  *ngIf="entries?.length === 0 && !showAlert"
+>
+  {{ emptyStateText }}
+</div>
diff --git a/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.spec.ts b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.spec.ts
new file mode 100644
index 00000000000..d188286b800
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.spec.ts
@@ -0,0 +1,143 @@
+import { Component, DebugElement, Input } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AsmCustomerPromotionListingComponent } from './asm-customer-promotion-listing.component';
+import { I18nTestingModule } from '@spartacus/core';
+import { By } from '@angular/platform-browser';
+import { PromotionListEntry } from './asm-customer-promotion-listing.model';
+
+describe('AsmCustomerPromotionListingComponent', () => {
+  const mockEntries: Array<PromotionListEntry> = [
+    {
+      code: 'COUPON_1',
+      name: 'NAME OF COUPON_1',
+      applied: true,
+    },
+    {
+      code: 'COUPON_2',
+      name: 'NAME OF COUPON_2',
+      applied: false,
+    },
+    {
+      code: 'COUPON_3',
+      name: 'NAME OF COUPON_3',
+      applied: false,
+    },
+  ];
+
+  const mockEmptyText = 'empty list';
+  const mockHeaderText = 'Header Text';
+
+  @Component({
+    selector: 'cx-test-host',
+    template: `
+      <cx-asm-customer-promotion-listing
+        [emptyStateText]="emptyStateText"
+        [headerText]="headerText"
+        [entries]="entries"
+        [showAlert]="showAlert"
+        [showAlertForApplyAction]="showAlertForApplyAction"
+        (apply)="applyCouponToCustomer($event)"
+        (remove)="removeCouponToCustomer($event)"
+        (removeAlert)="closeErrorAlert()"
+        (removeAlertForApplyAction)="closeErrorAlertForApplyAction()"
+        [applyButtonText]="applyButtonText"
+        [applied]="applied"
+        [removeButtonText]="removeButtonText"
+        [showRemoveButton]="true"
+        [showApplyButton]="true"
+      >
+      </cx-asm-customer-promotion-listing>
+    `,
+  })
+  class TestHostComponent {
+    @Input() headerText: string;
+    @Input() emptyStateText: string;
+    @Input() applyButtonText: string;
+    @Input() applied: string;
+    @Input() removeButtonText: string;
+    @Input() entries: Array<PromotionListEntry> | null;
+    @Input() showAlert: boolean | null;
+    @Input() showAlertForApplyAction: boolean | null;
+    @Input() showRemoveButton: boolean;
+    @Input() showApplyButton: boolean;
+    apply = void {};
+    remove = void {};
+    removeAlert = void {};
+    removeAlertForApplyAction = void {};
+  }
+
+  let component: AsmCustomerPromotionListingComponent;
+  let fixture: ComponentFixture<TestHostComponent>;
+  let testHost: TestHostComponent;
+  let el: DebugElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [I18nTestingModule],
+      declarations: [TestHostComponent, AsmCustomerPromotionListingComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TestHostComponent);
+    testHost = fixture.componentInstance;
+    component = fixture.debugElement.query(
+      By.directive(AsmCustomerPromotionListingComponent)
+    ).componentInstance;
+    el = fixture.debugElement;
+  });
+
+  it('should create', () => {
+    fixture.detectChanges();
+    expect(component).toBeTruthy();
+  });
+
+  it('should display header text', () => {
+    testHost.headerText = mockHeaderText;
+    fixture.detectChanges();
+
+    const header = el.query(
+      By.css('.cx-asm-customer-promotion-listing-heading-text')
+    );
+    expect(header.nativeElement.innerText).toBe(mockHeaderText);
+  });
+
+  it('should display entries list', () => {
+    testHost.entries = mockEntries;
+    fixture.detectChanges();
+
+    const entriesList = el.query(By.css('.cx-asm-customer-promotion-listing'));
+    expect(entriesList).toBeTruthy();
+
+    const listTableBody = el.query(By.css('table'));
+
+    const rows = listTableBody.queryAll(
+      By.css('.cx-asm-customer-promotion-listing-row')
+    );
+    expect(rows.length).toBe(mockEntries.length);
+  });
+
+  it('should display empty message when entries is empty', () => {
+    testHost.emptyStateText = mockEmptyText;
+    testHost.entries = [];
+    fixture.detectChanges();
+
+    const emptyMessage = el.query(
+      By.css('.cx-asm-customer-promotion-listing-empty')
+    );
+
+    expect(emptyMessage).toBeTruthy();
+  });
+
+  it('should show meaasge when entries loaded failed', () => {
+    testHost.showAlert = true;
+    fixture.detectChanges();
+    expect(el.query(By.css('cx-message'))).not.toBeNull();
+  });
+
+  it('should show meaasge when action perform failed', () => {
+    testHost.showAlertForApplyAction = true;
+    fixture.detectChanges();
+    expect(el.query(By.css('cx-message'))).not.toBeNull();
+  });
+});
diff --git a/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.ts b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.ts
new file mode 100644
index 00000000000..5e87d378af2
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.component.ts
@@ -0,0 +1,37 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core';
+import { GlobalMessageType } from '@spartacus/core';
+import { PromotionListEntry } from './asm-customer-promotion-listing.model';
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  selector: 'cx-asm-customer-promotion-listing',
+  templateUrl: './asm-customer-promotion-listing.component.html',
+})
+export class AsmCustomerPromotionListingComponent {
+  @Input() headerText: string;
+  @Input() emptyStateText: string;
+  @Input() applyButtonText: string;
+  @Input() applied: string;
+  @Input() removeButtonText: string;
+  @Input() entries: Array<PromotionListEntry> | null;
+  @Input() showAlert: boolean | null;
+  @Input() showAlertForApplyAction: boolean | null;
+  @Input() showRemoveButton: boolean;
+  @Input() showApplyButton: boolean;
+  @Output() apply = new EventEmitter<PromotionListEntry>();
+  @Output() remove = new EventEmitter<PromotionListEntry>();
+  @Output() removeAlert = new EventEmitter();
+  @Output() removeAlertForApplyAction = new EventEmitter();
+  globalMessageType = GlobalMessageType;
+}
diff --git a/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.model.ts b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.model.ts
new file mode 100644
index 00000000000..132b9041b6e
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.model.ts
@@ -0,0 +1,15 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export interface PromotionListEntry {
+  [key: string]: string | boolean | undefined;
+}
+
+export interface GeneralEntry extends PromotionListEntry {
+  applied: boolean;
+  code: string;
+  name?: string;
+}
diff --git a/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.module.ts b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.module.ts
new file mode 100644
index 00000000000..7b671169d8f
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/asm-customer-promotion-listing/asm-customer-promotion-listing.module.ts
@@ -0,0 +1,30 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ArgsModule } from '@spartacus/asm/core';
+import { I18nModule } from '@spartacus/core';
+import {
+  StarRatingModule,
+  IconModule,
+  MessageComponentModule,
+} from '@spartacus/storefront';
+import { AsmCustomerPromotionListingComponent } from './asm-customer-promotion-listing.component';
+
+@NgModule({
+  declarations: [AsmCustomerPromotionListingComponent],
+  exports: [AsmCustomerPromotionListingComponent],
+  imports: [
+    CommonModule,
+    I18nModule,
+    ArgsModule,
+    StarRatingModule,
+    MessageComponentModule,
+    IconModule,
+  ],
+})
+export class AsmCustomerPromotionListingModule {}
diff --git a/feature-libs/asm/customer-360/components/customer-360-components.module.ts b/feature-libs/asm/customer-360/components/customer-360-components.module.ts
index ad8693cccb3..70956e99ea2 100644
--- a/feature-libs/asm/customer-360/components/customer-360-components.module.ts
+++ b/feature-libs/asm/customer-360/components/customer-360-components.module.ts
@@ -7,7 +7,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ArgsModule } from '@spartacus/asm/core';
-import { I18nModule, provideDefaultConfig } from '@spartacus/core';
+import {
+  FeaturesConfigModule,
+  I18nModule,
+  provideDefaultConfig,
+} from '@spartacus/core';
 import {
   IconModule,
   KeyboardFocusModule,
@@ -36,6 +40,8 @@ import {
   AsmCustomerProfileComponent,
   AsmCustomerSavedCartComponent,
 } from './sections/components';
+import { AsmCustomerCouponComponent } from './sections/asm-customer-coupon/asm-customer-coupon.component';
+import { AsmCustomerCouponComponentModule } from './sections/asm-customer-coupon/asm-customer-coupon.module';
 
 @NgModule({
   imports: [
@@ -56,6 +62,8 @@ import {
     AsmCustomerMapComponentModule,
     AsmCustomerProductReviewsComponentModule,
     AsmCustomerSupportTicketsComponentModule,
+    AsmCustomerCouponComponentModule,
+    FeaturesConfigModule,
   ],
   declarations: [Customer360Component, AsmCustomerSectionComponent],
   exports: [Customer360Component],
@@ -89,6 +97,9 @@ import {
         AsmCustomer360MapComponent: {
           component: AsmCustomerMapComponent,
         },
+        AsmCustomer360CouponComponent: {
+          component: AsmCustomerCouponComponent,
+        },
       },
     }),
   ],
diff --git a/feature-libs/asm/customer-360/components/customer-360/customer-360.component.html b/feature-libs/asm/customer-360/components/customer-360/customer-360.component.html
index e32d74c07de..84b6c84a2c7 100644
--- a/feature-libs/asm/customer-360/components/customer-360/customer-360.component.html
+++ b/feature-libs/asm/customer-360/components/customer-360/customer-360.component.html
@@ -162,7 +162,24 @@ <h3 id="asm-customer-360-title" class="modal-title">
 
     <!-- Modal Body -->
     <div class="cx-dialog-body">
-      <div class="cx-tab-headers" role="tablist">
+      <div class="cx-tab-headers" role="tablist" *cxFeatureLevel="'!6.5'">
+        <ng-container *ngFor="let tabHeader of tabs; let i = index">
+          <button
+            #tabHeaderItem
+            class="cx-tab-header"
+            role="tab"
+            [attr.aria-selected]="activeTab === i"
+            attr.aria-controls="asm-customer-360-tab-panel"
+            (click)="selectTab(i)"
+            [class.active]="activeTab === i"
+            (keydown)="switchTab($event, i)"
+            *ngIf="tabHeader.i18nNameKey !== 'customer360.promotionsTab'"
+          >
+            {{ tabHeader.i18nNameKey | cxTranslate }}
+          </button>
+        </ng-container>
+      </div>
+      <div class="cx-tab-headers" role="tablist" *cxFeatureLevel="'6.5'">
         <button
           #tabHeaderItem
           *ngFor="let tabHeader of tabs; let i = index"
diff --git a/feature-libs/asm/customer-360/components/customer-360/customer-360.component.spec.ts b/feature-libs/asm/customer-360/components/customer-360/customer-360.component.spec.ts
index 6d5a9ab3a2d..4a3859c2223 100644
--- a/feature-libs/asm/customer-360/components/customer-360/customer-360.component.spec.ts
+++ b/feature-libs/asm/customer-360/components/customer-360/customer-360.component.spec.ts
@@ -25,6 +25,7 @@ import { BehaviorSubject, Observable, of, throwError } from 'rxjs';
 import { Customer360Component } from './customer-360.component';
 import { CsAgentAuthService } from '@spartacus/asm/root';
 import { ArgsPipe } from '@spartacus/asm/core';
+import { FeaturesConfig, FeaturesConfigModule } from '@spartacus/core';
 
 describe('AsmCustomer360Component', () => {
   const mockAsmConfig: Customer360Config = {
@@ -166,7 +167,7 @@ describe('AsmCustomer360Component', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [I18nTestingModule],
+      imports: [I18nTestingModule, FeaturesConfigModule],
       declarations: [
         Customer360Component,
         MockAsmCustomerSectionComponent,
@@ -183,6 +184,12 @@ describe('AsmCustomer360Component', () => {
           useClass: MockDirectionService,
         },
         { provide: CsAgentAuthService, useClass: MockCsAgentAuthService },
+        {
+          provide: FeaturesConfig,
+          useValue: {
+            features: { level: '*' },
+          },
+        },
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
diff --git a/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.html b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.html
new file mode 100644
index 00000000000..483a13977dc
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.html
@@ -0,0 +1,17 @@
+<cx-asm-customer-promotion-listing
+  [emptyStateText]="'customer360.coupons.emptyDescription' | cxTranslate"
+  [headerText]="'customer360.coupons.headerText' | cxTranslate"
+  [entries]="entries$ | async"
+  [showAlert]="showErrorAlert$ | async"
+  [showAlertForApplyAction]="showErrorAlertForApplyAction$ | async"
+  (apply)="applyCouponToCustomer($event)"
+  (remove)="removeCouponToCustomer($event)"
+  (removeAlert)="closeErrorAlert()"
+  (removeAlertForApplyAction)="closeErrorAlertForApplyAction()"
+  [applyButtonText]="'customer360.coupons.applyButtonText' | cxTranslate"
+  [applied]="'customer360.coupons.applied' | cxTranslate"
+  [removeButtonText]="'customer360.coupons.removeButtonText' | cxTranslate"
+  [showRemoveButton]="true"
+  [showApplyButton]="true"
+>
+</cx-asm-customer-promotion-listing>
diff --git a/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.spec.ts b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.spec.ts
new file mode 100644
index 00000000000..82e6ef93b10
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.spec.ts
@@ -0,0 +1,221 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {
+  Customer360CouponList,
+  Customer360Facade,
+  Customer360Response,
+  Customer360Type,
+} from '@spartacus/asm/customer-360/root';
+import { I18nTestingModule, UserIdService } from '@spartacus/core';
+import { Observable, of } from 'rxjs';
+import { Customer360SectionContextSource } from '../customer-360-section-context-source.model';
+import { Customer360SectionContext } from '../customer-360-section-context.model';
+import { AsmCustomerCouponComponent } from './asm-customer-coupon.component';
+import {
+  ActiveCartFacade,
+  Cart,
+  CartVoucherFacade,
+} from '@spartacus/cart/base/root';
+import { AsmCustomerPromotionListingComponent } from '../../asm-customer-promotion-listing/asm-customer-promotion-listing.component';
+
+describe('AsmCustomerCouponComponent', () => {
+  let cartVoucherService: CartVoucherFacade;
+  let component: AsmCustomerCouponComponent;
+  let fixture: ComponentFixture<AsmCustomerCouponComponent>;
+  let context: Customer360SectionContextSource<Customer360CouponList>;
+  const mockCart: Cart = {
+    code: 'cartId',
+  };
+  const mockUserId = 'userId';
+  const mockCouponList: Customer360CouponList = {
+    type: Customer360Type.COUPON_LIST,
+    coupons: [
+      {
+        code: 'COUPON_1',
+        name: 'NAME OF COUPON_1',
+        applied: true,
+      },
+      {
+        code: 'COUPON_2',
+        name: 'NAME OF COUPON_2',
+        applied: false,
+      },
+      {
+        code: 'COUPON_3',
+        name: 'NAME OF COUPON_3',
+        applied: false,
+      },
+    ],
+  };
+  const mockReloadedCouponList: Customer360CouponList = {
+    type: Customer360Type.COUPON_LIST,
+    coupons: [
+      {
+        code: 'RELOAD_COUPON_1',
+        name: 'NAME OF COUPON_1',
+        applied: true,
+      },
+      {
+        code: 'RELOAD_COUPON_2',
+        name: 'NAME OF COUPON_2',
+        applied: false,
+      },
+      {
+        code: 'RELOAD_COUPON_3',
+        name: 'NAME OF COUPON_3',
+        applied: false,
+      },
+    ],
+  };
+  const mockReloadedCustomer360Response: Customer360Response = {
+    value: [mockReloadedCouponList],
+  };
+  class MockCustomer360Facade implements Partial<Customer360Facade> {
+    get360Data(): Observable<Customer360Response> {
+      return of(mockReloadedCustomer360Response);
+    }
+  }
+  class MockCartVoucherFacade implements Partial<CartVoucherFacade> {
+    getAddVoucherResultError(): Observable<boolean> {
+      return of();
+    }
+
+    addVoucher(_voucherId: string, _cartId?: string | undefined): void {}
+
+    removeVoucher(_voucherId: string, _cartId?: string | undefined): void {}
+  }
+  class MockUserIdService implements Partial<UserIdService> {
+    getUserId(): Observable<string> {
+      return of(mockUserId);
+    }
+  }
+  class MockActiveCartFacade implements Partial<ActiveCartFacade> {
+    requireLoadedCart(): Observable<Cart> {
+      return of(mockCart);
+    }
+  }
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [I18nTestingModule],
+      declarations: [
+        AsmCustomerCouponComponent,
+        AsmCustomerPromotionListingComponent,
+      ],
+      providers: [
+        Customer360SectionContextSource,
+        {
+          provide: Customer360SectionContext,
+          useExisting: Customer360SectionContextSource,
+        },
+        {
+          provide: CartVoucherFacade,
+          useClass: MockCartVoucherFacade,
+        },
+        {
+          provide: UserIdService,
+          useClass: MockUserIdService,
+        },
+        {
+          provide: ActiveCartFacade,
+          useClass: MockActiveCartFacade,
+        },
+        {
+          provide: Customer360Facade,
+          useClass: MockCustomer360Facade,
+        },
+      ],
+    }).compileComponents();
+    cartVoucherService = TestBed.inject(CartVoucherFacade);
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AsmCustomerCouponComponent);
+    component = fixture.componentInstance;
+    context = TestBed.inject(Customer360SectionContextSource);
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should not display error message alert at init', () => {
+    component.showErrorAlert$.subscribe((value) => {
+      expect(value).toBe(false);
+    });
+    component.showErrorAlertForApplyAction$.subscribe((value) => {
+      expect(value).toBe(false);
+    });
+  });
+
+  it('should get current cartId at init', () => {
+    expect(component.currentCartId).toEqual(mockCart.code);
+  });
+
+  it('should get userId at init', () => {
+    expect(component.userId).toEqual(mockUserId);
+  });
+
+  it('should be able to reload coupon list', () => {
+    component.refreshComponent();
+    component.entries$.subscribe((entries) => {
+      expect(entries).toEqual(mockReloadedCouponList.coupons);
+    });
+  });
+
+  it('should be able to fetch coupon list from context data', () => {
+    context.data$.next(mockCouponList);
+    component.fetchCoupons();
+    component.entries$.subscribe((entries) => {
+      expect(entries).toEqual(mockCouponList.coupons);
+      expect(component.showErrorAlert$.getValue()).toBe(false);
+    });
+  });
+
+  it('should be able to apply coupon to cart and refresh coupon status', () => {
+    spyOn(cartVoucherService, 'addVoucher').and.stub();
+    const couponEntry = mockCouponList.coupons[1];
+    expect(couponEntry.applied).toBe(false);
+    component.applyCouponToCustomer(couponEntry);
+    expect(cartVoucherService.addVoucher).toHaveBeenCalled();
+    component.entries$.subscribe((entries) => {
+      expect(entries[1].applied).toBe(true);
+    });
+  });
+
+  it('should be able to remove coupon to cart and refresh coupon status', () => {
+    spyOn(cartVoucherService, 'removeVoucher').and.stub();
+    const couponEntry = mockCouponList.coupons[0];
+    expect(couponEntry.applied).toBe(true);
+    component.removeCouponToCustomer(couponEntry);
+    expect(cartVoucherService.removeVoucher).toHaveBeenCalled();
+    component.entries$.subscribe((entries) => {
+      expect(entries[0].applied).toBe(false);
+    });
+  });
+
+  it('should reload coupon list when applying coupon failed', () => {
+    spyOn(cartVoucherService, 'getAddVoucherResultError').and.returnValue(
+      of(true)
+    );
+    spyOn(component, 'refreshComponent').and.callThrough();
+    component.ngOnInit();
+    cartVoucherService.getAddVoucherResultError();
+    expect(component.refreshComponent).toHaveBeenCalled();
+  });
+
+  it('should close error message alert of loading data when click close button', () => {
+    component.showErrorAlert$.next(true);
+    component.closeErrorAlert();
+    component.showErrorAlert$.subscribe((value) => {
+      expect(value).toBe(false);
+    });
+  });
+
+  it('should close error message alert of applying action when click close button', () => {
+    component.showErrorAlertForApplyAction$.next(true);
+    component.closeErrorAlertForApplyAction();
+    component.showErrorAlertForApplyAction$.subscribe((value) => {
+      expect(value).toBe(false);
+    });
+  });
+});
diff --git a/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.ts b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.ts
new file mode 100644
index 00000000000..56d93beca1d
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.component.ts
@@ -0,0 +1,151 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import {
+  Customer360Coupon,
+  Customer360CouponList,
+  Customer360Facade,
+  Customer360Type,
+} from '@spartacus/asm/customer-360/root';
+import { UserIdService } from '@spartacus/core';
+import { BehaviorSubject, Observable, Subscription, of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import { ActiveCartFacade, CartVoucherFacade } from '@spartacus/cart/base/root';
+import { Customer360SectionContext } from '../customer-360-section-context.model';
+
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  selector: 'cx-asm-customer-coupon',
+  templateUrl: './asm-customer-coupon.component.html',
+})
+export class AsmCustomerCouponComponent implements OnInit, OnDestroy {
+  showErrorAlert$ = new BehaviorSubject<boolean>(false);
+  showErrorAlertForApplyAction$ = new BehaviorSubject<boolean>(false);
+  currentCartId: string | undefined;
+  userId: string;
+  entries$: Observable<Array<Customer360Coupon>>;
+  subscription = new Subscription();
+
+  constructor(
+    protected context: Customer360SectionContext<Customer360CouponList>,
+    protected cartVoucherService: CartVoucherFacade,
+    protected userIdService: UserIdService,
+    protected activeCartFacade: ActiveCartFacade,
+    protected customer360Facade: Customer360Facade
+  ) {}
+
+  ngOnInit(): void {
+    this.subscription.add(
+      this.userIdService.getUserId().subscribe((user) => {
+        this.userId = user ?? '';
+      })
+    );
+    this.subscription.add(
+      this.activeCartFacade.requireLoadedCart().subscribe((cart) => {
+        this.currentCartId = cart?.code;
+      })
+    );
+    this.subscription.add(
+      this.cartVoucherService.getAddVoucherResultError().subscribe((error) => {
+        if (error) {
+          this.refreshComponent();
+          this.showErrorAlertForApplyAction$.next(true);
+        }
+      })
+    );
+    this.showErrorAlert$.next(false);
+    this.showErrorAlertForApplyAction$.next(false);
+    this.fetchCoupons();
+  }
+
+  public fetchCoupons(): void {
+    this.entries$ = this.context.data$.pipe(
+      map((data) => {
+        const entries: Array<Customer360Coupon> = [];
+        data.coupons.forEach((coupon) => {
+          entries.push({
+            ...coupon,
+          });
+        });
+        return entries;
+      }),
+      catchError(() => {
+        this.showErrorAlert$.next(true);
+        return of([]);
+      })
+    );
+  }
+
+  public closeErrorAlert(): void {
+    this.showErrorAlert$.next(false);
+  }
+
+  public closeErrorAlertForApplyAction(): void {
+    this.showErrorAlertForApplyAction$.next(false);
+  }
+
+  public refreshComponent(): void {
+    this.entries$ = this.customer360Facade
+      .get360Data([
+        {
+          requestData: { type: Customer360Type.COUPON_LIST },
+        },
+      ])
+      .pipe(
+        map((response) => {
+          const couponList = response?.value?.find(
+            (item) => item.type === Customer360Type.COUPON_LIST
+          ) as Customer360CouponList;
+          const newEntries: Array<Customer360Coupon> = [];
+          if (couponList.coupons) {
+            couponList.coupons.forEach((coupon) => {
+              newEntries.push({
+                ...coupon,
+              });
+            });
+          }
+          return newEntries;
+        }),
+        catchError(() => {
+          this.showErrorAlert$.next(true);
+          return of([]);
+        })
+      );
+  }
+
+  public applyCouponToCustomer(entry: Customer360Coupon): void {
+    this.cartVoucherService.addVoucher(entry?.code, this.currentCartId);
+    this.refreshActionButton(true, entry?.code);
+  }
+
+  public removeCouponToCustomer(entry: Customer360Coupon): void {
+    this.cartVoucherService.removeVoucher(entry?.code, this.currentCartId);
+    this.refreshActionButton(false, entry?.code);
+  }
+
+  public refreshActionButton(state: boolean, voucherCode: string): void {
+    this.entries$ = this.entries$.pipe(
+      map((entries) => {
+        entries.forEach((item) => {
+          if (item.code === voucherCode) {
+            item.applied = state;
+          }
+        });
+        return entries;
+      })
+    );
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}
diff --git a/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.module.ts b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.module.ts
new file mode 100644
index 00000000000..4d79cabfcdd
--- /dev/null
+++ b/feature-libs/asm/customer-360/components/sections/asm-customer-coupon/asm-customer-coupon.module.ts
@@ -0,0 +1,18 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { I18nModule } from '@spartacus/core';
+import { AsmCustomerCouponComponent } from './asm-customer-coupon.component';
+import { AsmCustomerPromotionListingModule } from '../../asm-customer-promotion-listing/asm-customer-promotion-listing.module';
+
+@NgModule({
+  imports: [CommonModule, AsmCustomerPromotionListingModule, I18nModule],
+  declarations: [AsmCustomerCouponComponent],
+  exports: [AsmCustomerCouponComponent],
+})
+export class AsmCustomerCouponComponentModule {}
diff --git a/feature-libs/asm/customer-360/root/config/default-customer-360-config.ts b/feature-libs/asm/customer-360/root/config/default-customer-360-config.ts
index a6527df6213..043eb9911e7 100644
--- a/feature-libs/asm/customer-360/root/config/default-customer-360-config.ts
+++ b/feature-libs/asm/customer-360/root/config/default-customer-360-config.ts
@@ -86,6 +86,17 @@ export const defaultCustomer360Config: Customer360Config = {
           },
         ],
       },
+      {
+        i18nNameKey: 'customer360.promotionsTab',
+        components: [
+          {
+            component: 'AsmCustomer360CouponComponent',
+            requestData: {
+              type: Customer360Type.COUPON_LIST,
+            },
+          },
+        ],
+      },
       {
         i18nNameKey: 'customer360.mapsTab',
         components: [
diff --git a/feature-libs/asm/customer-360/root/customer-360-root.module.ts b/feature-libs/asm/customer-360/root/customer-360-root.module.ts
index 6425027660e..4208bc94ac7 100644
--- a/feature-libs/asm/customer-360/root/customer-360-root.module.ts
+++ b/feature-libs/asm/customer-360/root/customer-360-root.module.ts
@@ -36,6 +36,7 @@ import { SiteContextInterceptor } from './interceptors/site-context.interceptor'
             'AsmCustomer360ProductReviewsComponent',
             'AsmCustomer360SupportTicketsComponent',
             'AsmCustomer360MapComponent',
+            'AsmCustomer360CouponComponent',
           ],
           dependencies: [ASM_FEATURE],
         },
diff --git a/feature-libs/asm/customer-360/root/model/customer-360.model.ts b/feature-libs/asm/customer-360/root/model/customer-360.model.ts
index 50d064bf5c7..62c4f537649 100644
--- a/feature-libs/asm/customer-360/root/model/customer-360.model.ts
+++ b/feature-libs/asm/customer-360/root/model/customer-360.model.ts
@@ -35,6 +35,13 @@ export interface Customer360Activity {
   createdAt: string;
   updatedAt: string;
 }
+
+export interface Customer360Coupon {
+  applied: boolean;
+  code: string;
+  name?: string;
+}
+
 export interface C360TicketStatus {
   code: string;
   name: string;
@@ -64,6 +71,7 @@ export enum Customer360Type {
   SAVED_CART = 'c360SavedCart',
   OVERVIEW = 'c360Overview',
   ACTIVITY_LIST = 'c360ActivityList',
+  COUPON_LIST = 'c360CouponList',
 }
 
 export interface Customer360SupportTicketList {
@@ -179,6 +187,11 @@ export interface Customer360ActivityList {
   activities: Array<Customer360Activity>;
 }
 
+export interface Customer360CouponList {
+  type: Customer360Type.COUPON_LIST;
+  coupons: Array<Customer360Coupon>;
+}
+
 export interface Customer360Params {
   userId: string;
 }
@@ -209,7 +222,8 @@ export type Customer360Data =
   | Customer360CustomerProfile
   | Customer360SavedCart
   | Customer360Overview
-  | Customer360ActivityList;
+  | Customer360ActivityList
+  | Customer360CouponList;
 
 export interface Customer360Response {
   value: Array<Customer360Data>;
diff --git a/feature-libs/asm/customer-360/styles/components/_asm-customer-promotion-listing.component.scss b/feature-libs/asm/customer-360/styles/components/_asm-customer-promotion-listing.component.scss
new file mode 100644
index 00000000000..fe3e41054a0
--- /dev/null
+++ b/feature-libs/asm/customer-360/styles/components/_asm-customer-promotion-listing.component.scss
@@ -0,0 +1,92 @@
+%cx-asm-customer-promotion-listing {
+  display: block;
+  padding: 0 22px;
+
+  .cx-asm-customer-promotion-listing {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    margin-top: 5px;
+
+    &-heading {
+      width: 100%;
+      font-size: 0.875rem;
+      justify-content: space-between;
+      display: flex;
+
+      &-text {
+        font-size: 1.125rem;
+        font-weight: var(--cx-font-weight-semi);
+        padding: 28px 0 32px 30px;
+      }
+    }
+
+    &-subheader {
+      font-size: 1rem;
+      font-weight: var(--cx-font-weight-bold);
+      padding: 15px 10px 0 10px;
+      color: $asmMainTextColor;
+      display: flex;
+    }
+
+    &-description {
+      font-size: 0.875rem;
+      font-weight: var(--cx-font-weight-normal);
+      padding: 0 10px 15px 10px;
+      color: var(--cx-color-secondary);
+      display: flex;
+    }
+
+    &-separator {
+      border: none;
+      border-bottom: 1px solid $asmBorderColor;
+      margin: 0;
+    }
+
+    &-empty {
+      padding-top: 14px;
+    }
+
+    &-row {
+      width: 100%;
+      border-top: 1px solid $asmBorderColor;
+    }
+    &-action {
+      float: right;
+    }
+    &-apply-button {
+      font-weight: var(--cx-font-weight-semi);
+      font-size: 1.125rem;
+      background-color: #0070f2;
+      color: #ffffff;
+      float: right;
+      border-radius: 8px;
+      padding: 6px 10px;
+      border: 1px solid #0070f2;
+    }
+    &-remove-button {
+      color: #aa0808;
+      background-color: #ffd6e9;
+      font-weight: var(--cx-font-weight-semi);
+      font-size: 1.125rem;
+      border-radius: 8px;
+      padding: 6px 10px;
+      border-width: 1px;
+      border: 1px solid #ffc1df;
+    }
+    &-action-separator {
+      color: #747881;
+    }
+    &-applied {
+      font-weight: var(--cx-font-weight-semi);
+      font-size: 1.125rem;
+    }
+  }
+}
+cx-icon {
+  &.success {
+    padding-inline-end: 0.5rem;
+    font-size: 1.8rem;
+    color: var(--cx-color-success);
+  }
+}
diff --git a/feature-libs/asm/customer-360/styles/components/_customer-360.component.scss b/feature-libs/asm/customer-360/styles/components/_customer-360.component.scss
index 67d1680e4d9..9286cc980f4 100644
--- a/feature-libs/asm/customer-360/styles/components/_customer-360.component.scss
+++ b/feature-libs/asm/customer-360/styles/components/_customer-360.component.scss
@@ -124,17 +124,17 @@
       flex-direction: row;
       overflow-x: auto;
       border-bottom: 1px solid $asmBorderColor;
-      padding: 2rem 0 0 2rem;
+      padding: 2rem 0 0 0;
     }
     .cx-tab-header {
       text-align: center;
-      color: $asmTabTextColor;
+      color: #333333;
       font-weight: var(--cx-font-weight-semi);
       border: 1px solid #fff;
       background-color: #fff;
       margin-inline-start: 1rem;
       padding: 0 1rem 1rem;
-      text-transform: uppercase;
+      font-size: 1.125rem;
       &.active {
         cursor: default;
         color: $asmVisualFocusColor;
diff --git a/feature-libs/asm/customer-360/styles/components/_index.scss b/feature-libs/asm/customer-360/styles/components/_index.scss
index 048549440a6..df5518035b2 100644
--- a/feature-libs/asm/customer-360/styles/components/_index.scss
+++ b/feature-libs/asm/customer-360/styles/components/_index.scss
@@ -5,9 +5,11 @@
 @import './_asm-customer-product-listing.component';
 @import './_asm-customer-table.component.scss';
 @import './_asm-customer-map.component.scss';
+@import './_asm-customer-promotion-listing.component.scss';
 
 $customer-360-components-allowlist: cx-customer-360, cx-asm-customer-profile,
-  cx-asm-customer-product-listing, cx-asm-customer-table, cx-asm-customer-map !default;
+  cx-asm-customer-product-listing, cx-asm-customer-table, cx-asm-customer-map,
+  cx-asm-customer-promotion-listing !default;
 
 $skipComponentStyles: () !default;
 
diff --git a/projects/storefrontapp-e2e-cypress/cypress/e2e/b2b/regression/asm/customer360-promotion-e2e.cy.ts b/projects/storefrontapp-e2e-cypress/cypress/e2e/b2b/regression/asm/customer360-promotion-e2e.cy.ts
new file mode 100644
index 00000000000..8fc423b4401
--- /dev/null
+++ b/projects/storefrontapp-e2e-cypress/cypress/e2e/b2b/regression/asm/customer360-promotion-e2e.cy.ts
@@ -0,0 +1,61 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { clearAllStorage } from '../../../../support/utils/clear-all-storage';
+import * as checkout from '../../../../helpers/checkout-flow';
+import { POWERTOOLS_BASESITE } from '../../../../sample-data/b2b-checkout';
+import { ELECTRONICS_BASESITE } from '../../../../helpers/checkout-flow';
+import * as asm from '../../../../helpers/asm';
+
+context('Assisted Service Module', () => {
+  const customer = {
+    fullName: 'William Hunter',
+    email: 'william.hunter@pronto-hw.com',
+  };
+  before(() => {
+    clearAllStorage();
+    Cypress.env('BASE_SITE', POWERTOOLS_BASESITE);
+  });
+  after(() => {
+    Cypress.env('BASE_SITE', ELECTRONICS_BASESITE);
+  });
+
+  describe('B2B Asm Customer360 Promotion', () => {
+    beforeEach(() => {
+      checkout.visitHomePage('asm=true');
+      asm.agentLogin('brandon.leclair@acme.com', 'pw4all');
+      asm.startCustomerEmulation(customer, true);
+      cy.get('button.cx-360-button').click();
+      cy.get('button.cx-tab-header').contains('Promotion').click();
+    });
+
+    it('should contain coupon list (CXSPA-3906)', () => {
+      cy.get('cx-asm-customer-coupon').contains('Coupons').should('be.visible');
+    });
+    it('should be able to apply coupon to cart (CXSPA-3906)', () => {
+      cy.get('.cx-asm-customer-promotion-listing-row')
+        .first()
+        .within(() => {
+          cy.intercept('POST', /\.*\/vouchers\?voucherId=.*/).as('applyCoupon');
+          cy.get('button').contains('Apply to Cart').click();
+          cy.wait('@applyCoupon').its('response.statusCode').should('eq', 200);
+          cy.get('button').should('not.contain', 'Apply to Cart');
+          cy.get('button').contains('Remove').should('be.visible');
+        });
+    });
+    it('should be able to remove coupon from cart (CXSPA-3906)', () => {
+      cy.get('.cx-asm-customer-promotion-listing-row')
+        .first()
+        .within(() => {
+          cy.intercept('DELETE', /\.*\/vouchers\.*/).as('removeCoupon');
+          cy.get('button').contains('Remove').click();
+          cy.wait('@removeCoupon').its('response.statusCode').should('eq', 204);
+          cy.get('button').should('not.contain', 'Remove');
+          cy.get('button').contains('Apply to Cart').should('be.visible');
+        });
+    });
+  });
+});
diff --git a/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/accessibility/customer360-promotion-tabbing-order.asm.cy.ts b/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/accessibility/customer360-promotion-tabbing-order.asm.cy.ts
new file mode 100644
index 00000000000..5ecef4d9c29
--- /dev/null
+++ b/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/accessibility/customer360-promotion-tabbing-order.asm.cy.ts
@@ -0,0 +1,20 @@
+/*
+ * SPDX-FileCopyrightText: 2023 SAP Spartacus team <spartacus-team@sap.com>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { tabbingOrderConfig as config } from '../../../../helpers/accessibility/tabbing-order.config';
+import { asmTabbingOrderForCustomer360CouponList } from '../../../../helpers/accessibility/tabbing-order/asm';
+
+describe('Tabbing order for ASM', () => {
+  before(() => {
+    cy.window().then((win) => win.sessionStorage.clear());
+  });
+
+  context('ASM', () => {
+    it('should allow to navigate with tab key for customer360 coupon list (CXSPA-3906)', () => {
+      asmTabbingOrderForCustomer360CouponList(config.asmCustomer360CouponList);
+    });
+  });
+});
diff --git a/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/customer360-e2e.cy.ts b/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/customer360-e2e.cy.ts
index 39738949921..b4f7fa6cc99 100644
--- a/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/customer360-e2e.cy.ts
+++ b/projects/storefrontapp-e2e-cypress/cypress/e2e/regression/asm/customer360-e2e.cy.ts
@@ -207,4 +207,43 @@ context('Assisted Service Module', () => {
       });
     });
   });
+
+  describe('Promotion', () => {
+    beforeEach(() => {
+      cy.restoreLocalStorage();
+      checkout.visitHomePage('asm=true');
+      cy.get('button.cx-360-button').click();
+      cy.get('button.cx-tab-header').contains('Promotion').click();
+    });
+
+    afterEach(() => {
+      cy.saveLocalStorage();
+    });
+
+    it('should contain coupon list (CXSPA-3906)', () => {
+      cy.get('cx-asm-customer-coupon').contains('Coupons').should('be.visible');
+    });
+    it('should be able to apply coupon to cart (CXSPA-3906)', () => {
+      cy.get('.cx-asm-customer-promotion-listing-row')
+        .first()
+        .within(() => {
+          cy.intercept('POST', /\.*\/vouchers\?voucherId=.*/).as('applyCoupon');
+          cy.get('button').contains('Apply to Cart').click();
+          cy.wait('@applyCoupon').its('response.statusCode').should('eq', 200);
+          cy.get('button').should('not.contain', 'Apply to Cart');
+          cy.get('button').contains('Remove').should('be.visible');
+        });
+    });
+    it('should be able to remove coupon from cart (CXSPA-3906)', () => {
+      cy.get('.cx-asm-customer-promotion-listing-row')
+        .first()
+        .within(() => {
+          cy.intercept('DELETE', /\.*\/vouchers\.*/).as('removeCoupon');
+          cy.get('button').contains('Remove').click();
+          cy.wait('@removeCoupon').its('response.statusCode').should('eq', 204);
+          cy.get('button').should('not.contain', 'Remove');
+          cy.get('button').contains('Apply to Cart').should('be.visible');
+        });
+    });
+  });
 });
diff --git a/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order.config.ts b/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order.config.ts
index 8d3d833cfff..9a224d75f12 100644
--- a/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order.config.ts
+++ b/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order.config.ts
@@ -2441,4 +2441,9 @@ export const tabbingOrderConfig: TabbingOrderConfig = {
       value: 'Cancel',
     },
   ],
+  asmCustomer360CouponList: [
+    { type: TabbingOrderTypes.BUTTON },
+    { type: TabbingOrderTypes.BUTTON },
+    { type: TabbingOrderTypes.BUTTON },
+  ],
 };
diff --git a/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order/asm.ts b/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order/asm.ts
index c7ab5ab9ccd..7c60882cd88 100644
--- a/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order/asm.ts
+++ b/projects/storefrontapp-e2e-cypress/cypress/helpers/accessibility/tabbing-order/asm.ts
@@ -12,6 +12,8 @@ const containerSelector = 'cx-asm-main-ui';
 const containerSelectorForCustomerLists = 'cx-customer-list';
 const containerSelectorForCreateCustomerForm = 'cx-asm-create-customer-form';
 const containerSelectorForInactiveCartDialog = 'cx-asm-save-cart-dialog';
+const containerSelectorForCustomer360CouponList =
+  'cx-asm-customer-promotion-listing';
 
 export function asmTabbingOrderNotLoggedIn(config: TabElement[]) {
   cy.visit('/?asm=true');
@@ -113,3 +115,28 @@ export function asmTabbingOrderWithSaveInactiveCartDialog(
       });
   });
 }
+
+export function asmTabbingOrderForCustomer360CouponList(config: TabElement[]) {
+  cy.visit('/?asm=true');
+  asm.agentLogin('asagent', 'pw4all');
+
+  const customerSearchRequestAlias = asm.listenForCustomerSearchRequest();
+  cy.get('cx-customer-selection form').within(() => {
+    cy.get('[formcontrolname="searchTerm"]').type('Linda Wolf');
+  });
+  cy.wait(customerSearchRequestAlias)
+    .its('response.statusCode')
+    .should('eq', 200);
+  cy.get('cx-customer-selection div.asm-results button').first().click();
+  cy.get('button').contains('Start Emulation').click();
+  cy.get('button.cx-360-button').click();
+  cy.get('button.cx-tab-header').contains('Promotion').click();
+  cy.get('cx-asm-customer-coupon')
+    .contains('Coupons')
+    .parent()
+    .parent()
+    .parent()
+    .within(() => {
+      verifyTabbingOrder(containerSelectorForCustomer360CouponList, config);
+    });
+}