diff --git a/Source/PartnerCenter.CustomerPortal/Controllers/CustomerAccountController.cs b/Source/PartnerCenter.CustomerPortal/Controllers/CustomerAccountController.cs
index 7a1f414..37bd82f 100644
--- a/Source/PartnerCenter.CustomerPortal/Controllers/CustomerAccountController.cs
+++ b/Source/PartnerCenter.CustomerPortal/Controllers/CustomerAccountController.cs
@@ -56,9 +56,20 @@ public async Task<CustomerViewModel> GetCustomerAccount()
                     CreationDate = item.CreationDate.ToString("d", responseCulture)
                 }).ToList();
 
+            List<CustomerUsageSubscriptionsModel> allUsageSubscriptionsOfCustomer = (from item in customerAllSubscriptions.Items
+                where item.BillingType == BillingType.Usage
+                select new CustomerUsageSubscriptionsModel()
+                {                                                                          
+                    Id = item.Id,
+                    Name = item.FriendlyName,                                        
+                    Status = this.GetStatusType(item.Status),
+                    CreationDate = item.CreationDate.ToString("d", responseCulture)
+                }).ToList();
+
             return new CustomerViewModel()
             {
-                Licenses = allSubscriptionsOfCustomer.OrderBy(items => items.OfferName)
+                Licenses = allSubscriptionsOfCustomer.OrderBy(items => items.OfferName),
+                UsageSubscriptions = allUsageSubscriptionsOfCustomer.OrderBy(items => items.Name)                
             };
         }
 
diff --git a/Source/PartnerCenter.CustomerPortal/Models/CustomerUsageSubscriptionsModel.cs b/Source/PartnerCenter.CustomerPortal/Models/CustomerUsageSubscriptionsModel.cs
new file mode 100644
index 0000000..0f3ed3a
--- /dev/null
+++ b/Source/PartnerCenter.CustomerPortal/Models/CustomerUsageSubscriptionsModel.cs
@@ -0,0 +1,34 @@
+// -----------------------------------------------------------------------
+// <copyright file="CustomerUsageSubscriptionsModel.cs" company="Microsoft">
+//      Copyright (c) Microsoft Corporation.  All rights reserved.
+// </copyright>
+// -----------------------------------------------------------------------
+
+namespace Microsoft.Store.PartnerCenter.CustomerPortal.Models
+{
+    /// <summary>
+    /// The customer licenses view model.
+    /// </summary>
+    public class CustomerUsageSubscriptionsModel
+    {
+        /// <summary>
+        /// Gets or sets the customer license Id.
+        /// </summary>
+        public string Id { get; set; }
+
+        /// <summary>
+        /// Gets or sets the friendly name.
+        /// </summary>
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the customer license status like None, Active, Suspended or Deleted
+        /// </summary>
+        public string Status { get; set; }
+
+        /// <summary>
+        /// Gets or sets the license creation date. 
+        /// </summary>
+        public string CreationDate { get; set; }
+    }
+}
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Models/CustomerViewModel.cs b/Source/PartnerCenter.CustomerPortal/Models/CustomerViewModel.cs
index dd4aea8..12fd6e3 100644
--- a/Source/PartnerCenter.CustomerPortal/Models/CustomerViewModel.cs
+++ b/Source/PartnerCenter.CustomerPortal/Models/CustomerViewModel.cs
@@ -124,5 +124,10 @@ public class CustomerViewModel
         /// Gets or sets the customers licenses in this summary.
         /// </summary>
         public IEnumerable<CustomerLicensesModel> Licenses { get; set; }
+
+        /// <summary>
+        /// Gets or sets the customers usage subscriptions in this summary.
+        /// </summary>
+        public IEnumerable<CustomerUsageSubscriptionsModel> UsageSubscriptions { get; set; }
     }
 }
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/PartnerCenter.CustomerPortal.csproj b/Source/PartnerCenter.CustomerPortal/PartnerCenter.CustomerPortal.csproj
index 437c915..94c7346 100644
--- a/Source/PartnerCenter.CustomerPortal/PartnerCenter.CustomerPortal.csproj
+++ b/Source/PartnerCenter.CustomerPortal/PartnerCenter.CustomerPortal.csproj
@@ -263,6 +263,7 @@
     <Compile Include="BusinessLogic\Commerce\ICommerceOperations.cs" />
     <Compile Include="BusinessLogic\Commerce\PaymentGateways\PayPalGateway.cs" />
     <Compile Include="BusinessLogic\Commerce\IPaymentGateway.cs" />
+    <Compile Include="Models\CustomerUsageSubscriptionsModel.cs" />
     <Compile Include="Models\OfferCatalogViewModel.cs" />
     <Compile Include="Models\Validators\ExpiryDateInTenYearsAttribute.cs" />
     <Compile Include="Models\PurchaseLineItem.cs" />
@@ -582,6 +583,7 @@
     <EmbeddedResource Include="Resources.nl.resx" />
     <EmbeddedResource Include="Resources.resx">
       <Generator>PublicResXFileCodeGenerator</Generator>
+      <SubType>Designer</SubType>
       <LastGenOutput>Resources.Designer.cs</LastGenOutput>
       <SubType>Designer</SubType>
     </EmbeddedResource>
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.Designer.cs b/Source/PartnerCenter.CustomerPortal/Resources.Designer.cs
index 3c566c7..fc76a84 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.Designer.cs
+++ b/Source/PartnerCenter.CustomerPortal/Resources.Designer.cs
@@ -3147,6 +3147,15 @@ public static string UpdatingOfferMessage {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to .
+        /// </summary>
+        public static string UsageBasedSubscriptionsCaption {
+            get {
+                return ResourceManager.GetString("UsageBasedSubscriptionsCaption", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Licenses.
         /// </summary>
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.de.resx b/Source/PartnerCenter.CustomerPortal/Resources.de.resx
index 1c2e177..0ef5da5 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.de.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.de.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>Sie können eine Application Insights Instrumentationsschlüssel angeben, um die Telemetrie-Daten aus dem Portal zu erfassen.</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>Nutzung-Abonnements</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.es.resx b/Source/PartnerCenter.CustomerPortal/Resources.es.resx
index e3e67eb..09f746c 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.es.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.es.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>Puede especificar una clave de instrumentación de aplicación de conocimientos con el fin de capturar los datos de telemetría desde el portal.</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>Suscripciones de uso basado en</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.fr.resx b/Source/PartnerCenter.CustomerPortal/Resources.fr.resx
index c5f0976..a10182c 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.fr.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.fr.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>Vous pouvez spécifier une clé d’instrumentation aperçus de l’Application afin de capturer les données de télémétrie à partir du portail.</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>Abonnements d’utilisation en fonction</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.ja.resx b/Source/PartnerCenter.CustomerPortal/Resources.ja.resx
index 4781fbb..f06a1f5 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.ja.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.ja.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>ポータルからのテレメトリ データをキャプチャするために、アプリケーションのインサイト インストルメンテーション キーを指定できます。</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>使用状況ベースのサブスクリプション</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.nl.resx b/Source/PartnerCenter.CustomerPortal/Resources.nl.resx
index c8ab0a3..a7f6d9f 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.nl.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.nl.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>U kunt een toepassing inzichten instrumentatie sleutel opgeven om te vangen telemetrie gegevens vanaf de portal.</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>Gebruik op basis abonnementen</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Resources.resx b/Source/PartnerCenter.CustomerPortal/Resources.resx
index af15b88..8eb5173 100644
--- a/Source/PartnerCenter.CustomerPortal/Resources.resx
+++ b/Source/PartnerCenter.CustomerPortal/Resources.resx
@@ -1176,4 +1176,7 @@
   <data name="InstrumentationKeyFieldSubText" xml:space="preserve">
     <value>You can specify an Application Insights instrumentation key in order to capture telemetry data from the portal.</value>
   </data>
+  <data name="UsageBasedSubscriptionsCaption" xml:space="preserve">
+    <value>Usage based subscriptions</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Source/PartnerCenter.CustomerPortal/Scripts/Plugins/CustomerAccountPresenter.js b/Source/PartnerCenter.CustomerPortal/Scripts/Plugins/CustomerAccountPresenter.js
index 9b67215..19508c0 100644
--- a/Source/PartnerCenter.CustomerPortal/Scripts/Plugins/CustomerAccountPresenter.js
+++ b/Source/PartnerCenter.CustomerPortal/Scripts/Plugins/CustomerAccountPresenter.js
@@ -40,6 +40,7 @@ Microsoft.WebPortal.CustomerAccountPresenter.prototype.onRender = function () {
 
         customerInfoProgress.done(function (customerInformation) {
             self.viewModel.Licenses = customerInformation.Licenses;
+            self.viewModel.UsageSubscriptions = customerInformation.UsageSubscriptions;
             self.viewModel.IsSet(true);
         }).fail(function (result, status, error) {
             var notification = new Microsoft.WebPortal.Services.Notification(Microsoft.WebPortal.Services.Notification.NotificationType.Error,
diff --git a/Source/PartnerCenter.CustomerPortal/Views/Shared/CustomerAccount.cshtml b/Source/PartnerCenter.CustomerPortal/Views/Shared/CustomerAccount.cshtml
index 641f613..ee234cb 100644
--- a/Source/PartnerCenter.CustomerPortal/Views/Shared/CustomerAccount.cshtml
+++ b/Source/PartnerCenter.CustomerPortal/Views/Shared/CustomerAccount.cshtml
@@ -31,6 +31,7 @@
                     <tr class="SubscriptionRow">
                         <td>
                             <label class="abovemedium-text" data-bind="text: $data.OfferName"></label>
+                            <label data-bind="text: ' - ' + $data.Id"></label>
                         </td>
                         <td class="left-aligned">
                             <label data-bind="text: $data.Quantity"></label>
@@ -52,5 +53,47 @@
             </table>
         </div>
     </div>
+    <div class="subscriptions-content">
+        <div class="Padded">
+            <div class="row">
+                <label class="section">@Resources.UsageBasedSubscriptionsCaption</label>
+            </div>
+            <div class="row section-divider"></div>
+            <table class="subscriptions-table" cellspacing="1" cellpadding="5">
+                <tbody>
+                    <tr class="medium-text">
+                        <td>
+                            <label>@Resources.LicenseNameCaption</label>
+                        </td>
+                        <td>
+                            <label>@Resources.LicenseStatusCaption</label>
+                        </td>
+                        <td class="right-aligned">
+                            <label>@Resources.LicenseCreatedDateCaption</label>
+                        </td>
+                    </tr>
+                    <!-- ko foreach: viewModel.UsageSubscriptions -->
+                    <tr class="SubscriptionRow">
+                        <td>
+                            <label class="abovemedium-text" data-bind="text: $data.Name"></label>
+                            <label data-bind="text: ' - ' + $data.Id"></label>
+                        </td>
+                        <td>
+                            <label data-bind="text: $data.Status"></label>
+                        </td>
+                        <td class="right-aligned">
+                            <label data-bind="text: $data.CreationDate"></label>
+                        </td>
+                    </tr>
+                    <!-- /ko -->
+                </tbody>
+                <tfoot>
+                    <tr>
+                        <td colspan="6" class="border-divider"></td>
+                    </tr>
+                </tfoot>
+            </table>
+        </div>
+    </div>
     <!-- /ko -->
 </div>