diff --git a/src/api/appType/whatsapp_cloud/index.js b/src/api/appType/whatsapp_cloud/index.js
index 384d3841..4fa57673 100644
--- a/src/api/appType/whatsapp_cloud/index.js
+++ b/src/api/appType/whatsapp_cloud/index.js
@@ -2,6 +2,8 @@ import qs from 'query-string';
 import request from '@/api/request.js';
 
 const resource = '/api/v1/apptypes/wpp-cloud/apps';
+const catalogsResource = '/api/v1/apptypes/wpp-cloud';
+
 export default {
   getDebugToken(params) {
     const queryString = qs.stringify(params);
@@ -14,4 +16,25 @@ export default {
   configurePhoneNumber(data) {
     return request.$http.post(`${resource}/`, data);
   },
+  getWhatsAppCloudCatalogs(appUuid) {
+    return request.$http.get(`${catalogsResource}/${appUuid}/catalogs/`);
+  },
+  fetchCatalogData(appUuid, catalogUuid) {
+    return request.$http.get(`${catalogsResource}/${appUuid}/catalogs/${catalogUuid}/`);
+  },
+  disableWhatsAppCloudCatalogs(appUuid, catalogUuid) {
+    return request.$http.post(`${catalogsResource}/${appUuid}/catalogs/${catalogUuid}/disable/`);
+  },
+  enableWhatsAppCloudCatalogs(appUuid, catalogUuid) {
+    return request.$http.post(`${catalogsResource}/${appUuid}/catalogs/${catalogUuid}/enable/`);
+  },
+  toggleCartVisibility(appUuid, data) {
+    return request.$http.post(`${catalogsResource}/${appUuid}/toggle-cart-visibility/`, data);
+  },
+  toggleCatalogVisibility(appUuid, data) {
+    return request.$http.post(`${catalogsResource}/${appUuid}/toggle-catalog-visibility/`, data);
+  },
+  getCommerceSettings(appUuid) {
+    return request.$http.get(`${catalogsResource}/${appUuid}/commerce-settings/`);
+  },
 };
diff --git a/src/components/config/channels/whatsapp/Setup.vue b/src/components/config/channels/whatsapp/Setup.vue
index 4f03de41..6c61e65d 100644
--- a/src/components/config/channels/whatsapp/Setup.vue
+++ b/src/components/config/channels/whatsapp/Setup.vue
@@ -173,7 +173,8 @@
             },
             {
               return_scopes: true,
-              scope: 'business_management,whatsapp_business_management,whatsapp_business_messaging',
+              scope:
+                'business_management,whatsapp_business_management,whatsapp_business_messaging,catalog_management',
               extras: {
                 feature: 'whatsapp_embedded_signup',
               },
diff --git a/src/components/config/channels/whatsapp/components/tabs/AccountTab.vue b/src/components/config/channels/whatsapp/components/tabs/AccountTab.vue
index 5e235e6f..4ee81fa1 100644
--- a/src/components/config/channels/whatsapp/components/tabs/AccountTab.vue
+++ b/src/components/config/channels/whatsapp/components/tabs/AccountTab.vue
@@ -3,18 +3,35 @@
     <div class="account-tab__content">
       <div class="account-tab__content__info">
         <div class="account-tab__content__info__templates">
-          <div class="account-tab__content__info__templates__title">
-            {{ $t('WhatsApp.config.templates.title') }}
+          <div class="account-tab__content__info__templates__buttons">
+            <div class="account-tab__content__info__templates__buttons__title">
+              {{ $t('WhatsApp.config.templates.title') }}
+            </div>
+
+            <unnnic-button-next
+              class="account-tab__content__info__templates__buttons__button"
+              @click="navigateToTemplates"
+              type="secondary"
+              size="small"
+              scheme="feedback-green"
+            >
+              {{ $t('WhatsApp.config.templates.button') }}
+            </unnnic-button-next>
           </div>
+          <div class="account-tab__content__info__templates__buttons">
+            <div class="account-tab__content__info__templates__buttons__title">
+              {{ $t('WhatsApp.config.catalog.title') }}
+            </div>
 
-          <unnnic-button
-            class="account-tab__content__info__templates__button"
-            @click="navigateToTemplates"
-            type="secondary"
-            size="small"
-          >
-            {{ $t('WhatsApp.config.templates.button') }}
-          </unnnic-button>
+            <unnnic-button-next
+              class="account-tab__content__info__templates__buttons__button"
+              @click="navigateToCatalogs"
+              type="primary"
+              size="small"
+            >
+              {{ $t('WhatsApp.config.catalog.button') }}
+            </unnnic-button-next>
+          </div>
         </div>
 
         <div class="account-tab__content__info__qr">
@@ -93,6 +110,10 @@
         const { code, uuid } = this.appInfo;
         this.$router.push({ path: `/apps/my/${code}/${uuid}/templates` });
       },
+      navigateToCatalogs() {
+        const { code, uuid } = this.appInfo;
+        this.$router.push({ path: `/apps/my/${code}/${uuid}/catalogs` });
+      },
     },
     computed: {
       QRCodeUrl() {
@@ -222,20 +243,23 @@
         gap: $unnnic-spacing-stack-lg;
 
         &__templates {
-          flex: 1;
           display: flex;
-          flex-direction: column;
+          justify-content: space-between;
           gap: $unnnic-spacing-stack-sm;
 
-          &__title {
-            font-weight: $unnnic-font-weight-black;
-            font-size: $unnnic-font-size-body-lg;
-            line-height: $unnnic-font-size-body-lg + $unnnic-line-height-md;
-            color: $unnnic-color-neutral-darkest;
-          }
+          &__buttons {
+            width: 100%;
 
-          &__button {
-            max-width: 160px;
+            &__title {
+              font-weight: $unnnic-font-weight-bold;
+              font-size: $unnnic-font-size-body-lg;
+              line-height: $unnnic-font-size-body-lg + $unnnic-line-height-md;
+              color: $unnnic-color-neutral-darkest;
+              margin-bottom: $unnnic-spacing-sm;
+            }
+            &__button {
+              width: 100%;
+            }
           }
         }
 
diff --git a/src/components/whatsAppCatalogs/Card.vue b/src/components/whatsAppCatalogs/Card.vue
new file mode 100644
index 00000000..e89ec9a2
--- /dev/null
+++ b/src/components/whatsAppCatalogs/Card.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="whatsapp-catalog-card">
+    <div class="whatsapp-catalog-card__wrapper">
+      <div class="whatsapp-catalog-card__wrapper__header">
+        <div class="whatsapp-catalog-card__wrapper__header__title">
+          <span class="u font secondary body-lg color-neutral-darkest bold">
+            {{ catalog.name }}
+          </span>
+        </div>
+        <div class="whatsapp-catalog-card__wrapper__header__description">
+          <span class="u font secondary body-md color-neutral-cloudy">
+            {{ $t('WhatsApp.catalog.list.identification') }}
+          </span>
+          <span class="u font secondary body-md color-brand-weni bold">
+            {{ catalog.facebook_catalog_id }}
+          </span>
+        </div>
+      </div>
+
+      <div class="whatsapp-catalog-card__wrapper__actions">
+        <unnnic-switch
+          :value="catalog.is_connected"
+          size="small"
+          :textRight="
+            catalog.is_connected
+              ? $t('WhatsApp.catalog.list.actions.enabled_catalog')
+              : $t('WhatsApp.catalog.list.actions.disabled_catalog')
+          "
+          @click.native="toggleCatalogConnect(!catalog.is_connected)"
+        />
+        <unnnic-switch
+          v-if="catalog.is_connected"
+          :value="enabledCart"
+          size="small"
+          :textRight="
+            enabledCart
+              ? $t('WhatsApp.catalog.list.actions.enabled_cart')
+              : $t('WhatsApp.catalog.list.actions.disabled_cart')
+          "
+          @click.native="toggleCart()"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { mapActions, mapState } from 'vuex';
+
+  export default {
+    name: 'Card',
+    props: {
+      catalog: {
+        type: Object,
+        required: true,
+        default: () => {},
+      },
+      enabledCart: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        currentDisable: null,
+        catalogStatus: this.catalog.is_connected,
+        cartStatus: this.enabledCart,
+        listCatalog: [
+          {
+            uuid: '3081a268-fff5-4366-bf44-ee387c8ddcdc',
+            name: 'Teste_localizacao',
+            facebook_catalog_id: '312538484461506',
+            category: 'commerce',
+            is_connected: false,
+          },
+          {
+            uuid: 'eaf96431-9be8-4cbd-8541-f4ae08af0d1e',
+            name: 'catalogo marketing token',
+            facebook_catalog_id: '339959911815729',
+            category: 'commerce',
+            is_connected: true,
+          },
+          {
+            uuid: 'e7974bfa-14d8-470a-8b1b-669718bc1036',
+            name: 'catalogo criado em dev',
+            facebook_catalog_id: '664025605666699',
+            category: 'commerce',
+            is_connected: false,
+          },
+        ],
+      };
+    },
+    computed: {
+      ...mapState('WhatsAppCloud', ['errorDisableCatalog']),
+    },
+    methods: {
+      ...mapActions('WhatsAppCloud', ['disableWhatsAppCloudCatalogs']),
+      toggleCatalogConnect(event) {
+        if (event) {
+          this.$emit('enable');
+        } else {
+          this.$emit('disable');
+        }
+      },
+      toggleCart() {
+        this.$emit('toggleCart');
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .whatsapp-catalog-card {
+    &__wrapper {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border: $unnnic-border-width-thinner solid $unnnic-color-neutral-soft;
+      border-radius: $unnnic-border-radius-md;
+      padding: $unnnic-spacing-md;
+
+      &__actions {
+        display: flex;
+        gap: $unnnic-spacing-xs;
+      }
+    }
+  }
+</style>
diff --git a/src/components/whatsAppCatalogs/List.vue b/src/components/whatsAppCatalogs/List.vue
new file mode 100644
index 00000000..be989bf0
--- /dev/null
+++ b/src/components/whatsAppCatalogs/List.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="whatsapp-catalog-list">
+    <div class="whatsapp-catalog-list__header">
+      <div class="whatsapp-catalog-list__header__title">
+        <unnnic-card
+          class="whatsapp-catalog-list__header__title__text"
+          type="title"
+          :title="$t('WhatsApp.catalog.list.title')"
+          :hasInformationIcon="false"
+          icon="house-1-1"
+          scheme="brand-weni-soft"
+        />
+        <span class="u font secondary body-gt color-neutral-darkest">
+          {{ $t('WhatsApp.catalog.list.description') }}
+        </span>
+      </div>
+      <!--       <div class="whatsapp-catalog-list__header__button">
+        <unnnic-button-next type="terciary" size="large">
+          {{ $t('WhatsApp.catalog.list.advanced_settings') }}
+        </unnnic-button-next>
+      </div> -->
+    </div>
+    <div
+      class="whatsapp-catalog-list__cards"
+      v-if="whatsAppCloudCatalogs || (!loadingWhatsAppCloudCatalogs && !errorWhatsAppCloudCatalogs)"
+    >
+      <Card
+        v-for="(catalog, index) in whatsAppCloudCatalogs"
+        :key="index"
+        :catalog="catalog"
+        :enabledCart="commerceSettings.is_cart_enabled"
+        @enable="handleEnableCatalog(catalog)"
+        @disable="handleDisableCatalog()"
+        @toggleCart="toggleCart"
+      />
+    </div>
+    <unnnic-modal-next
+      v-if="openModal"
+      type="alert"
+      icon="alert-circle-1"
+      scheme="feedback-red"
+      :validate="connectedCatalog.name"
+      :validatePlaceholder="
+        $t('WhatsApp.catalog.list.disable_modal.label', { name: connectedCatalog.name })
+      "
+      :validateLabel="
+        $t('WhatsApp.catalog.list.disable_modal.label', { name: connectedCatalog.name })
+      "
+      :title="$t('WhatsApp.catalog.list.disable_modal.title')"
+      :actionPrimaryLabel="$t('WhatsApp.catalog.list.disable_modal.confirm')"
+      :actionSecondaryLabel="$t('general.Cancel')"
+      @click-action-secondary="closeModal"
+      @click-action-primary="handleCatalogConfirmation"
+    >
+      <template slot="description">
+        {{ $t('WhatsApp.catalog.list.disable_modal.description') }}
+      </template>
+    </unnnic-modal-next>
+  </div>
+</template>
+
+<script>
+  import Card from '@/components/whatsAppCatalogs/Card';
+  import { mapActions, mapState } from 'vuex';
+  import debounce from 'lodash.debounce';
+  import { unnnicCallAlert } from '@weni/unnnic-system';
+
+  export default {
+    name: 'List',
+    components: {
+      Card,
+    },
+    data() {
+      return {
+        openModal: false,
+        connectedCatalog: null,
+        catalogToEnable: null,
+      };
+    },
+    computed: {
+      ...mapState('WhatsAppCloud', [
+        'loadingWhatsAppCloudCatalogs',
+        'errorWhatsAppCloudCatalogs',
+        'whatsAppCloudCatalogs',
+        'errorDisableCatalog',
+        'errorEnableCatalog',
+        'commerceSettings',
+        'errorToggleCartVisibility',
+      ]),
+    },
+    created() {
+      this.fetchData();
+    },
+    methods: {
+      ...mapActions('WhatsAppCloud', [
+        'getWhatsAppCloudCatalogs',
+        'disableWhatsAppCloudCatalogs',
+        'enableWhatsAppCloudCatalogs',
+        'getCommerceSettings',
+        'toggleCartVisibility',
+      ]),
+      fetchData: debounce(async function () {
+        const { appUuid } = this.$route.params;
+
+        await this.getCommerceSettings({ appUuid });
+        await this.getWhatsAppCloudCatalogs({ appUuid });
+
+        if (this.errorWhatsAppCloudCatalog) {
+          unnnicCallAlert({
+            props: {
+              text: this.$t('WhatsApp.catalog.error.fetch_catalogs'),
+              title: this.$t('general.error'),
+              icon: 'alert-circle-1-1',
+              scheme: 'feedback-red',
+              position: 'bottom-right',
+              closeText: this.$t('general.Close'),
+            },
+            seconds: 8,
+          });
+        }
+
+        this.connectedCatalog = this.whatsAppCloudCatalogs.find(
+          (catalog) => catalog.is_connected === true,
+        );
+      }, 750),
+      async disableCatalog() {
+        const { appUuid } = this.$route.params;
+        const data = {
+          catalogUuid: this.connectedCatalog.uuid,
+          appUuid,
+        };
+
+        await this.disableWhatsAppCloudCatalogs(data);
+
+        if (this.errorDisableCatalog) {
+          unnnicCallAlert({
+            props: {
+              text: this.$t('WhatsApp.catalog.error.disable_catalog'),
+              title: this.$t('general.error'),
+              icon: 'alert-circle-1-1',
+              scheme: 'feedback-red',
+              position: 'bottom-right',
+              closeText: this.$t('general.Close'),
+            },
+            seconds: 8,
+          });
+        } else {
+          this.openModal = false;
+        }
+        this.fetchData();
+      },
+      async handleEnableCatalog(catalog) {
+        if (this.connectedCatalog) {
+          this.catalogToEnable = catalog;
+          this.openModal = true;
+          return;
+        }
+        this.enableCatalog(catalog);
+      },
+      handleDisableCatalog() {
+        this.openModal = true;
+      },
+      async enableCatalog(catalog) {
+        const { appUuid } = this.$route.params;
+        const data = {
+          catalogUuid: catalog.uuid,
+          appUuid,
+        };
+
+        await this.enableWhatsAppCloudCatalogs(data);
+
+        if (this.errorEnableCatalog) {
+          unnnicCallAlert({
+            props: {
+              text: this.$t('WhatsApp.catalog.error.enable_catalog'),
+              title: this.$t('general.error'),
+              icon: 'alert-circle-1-1',
+              scheme: 'feedback-red',
+              position: 'bottom-right',
+              closeText: this.$t('general.Close'),
+            },
+            seconds: 8,
+          });
+        }
+
+        this.fetchData();
+      },
+      async handleCatalogConfirmation() {
+        await this.disableCatalog();
+        if (!this.errorDisableCatalog && this.catalogToEnable) {
+          await this.enableCatalog(this.catalogToEnable);
+          this.catalogToEnable = null;
+        }
+      },
+      closeModal() {
+        this.catalogToEnable = null;
+        this.openModal = false;
+      },
+      async toggleCart() {
+        const { appUuid } = this.$route.params;
+        const data = {
+          appUuid,
+          payload: {
+            enable: !this.commerceSettings.is_cart_enabled,
+          },
+        };
+        await this.toggleCartVisibility(data);
+
+        if (this.errorToggleCartVisibility) {
+          unnnicCallAlert({
+            props: {
+              text: this.$t('WhatsApp.catalog.error.toggle_cart_visibility'),
+              title: this.$t('general.error'),
+              icon: 'alert-circle-1-1',
+              scheme: 'feedback-red',
+              position: 'bottom-right',
+              closeText: this.$t('general.Close'),
+            },
+            seconds: 8,
+          });
+        }
+
+        this.fetchData();
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .whatsapp-catalog-list {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+    margin-top: $unnnic-spacing-lg;
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: $unnnic-spacing-md;
+
+      &__title {
+        display: flex;
+        flex-direction: column;
+
+        &__text {
+          margin-bottom: $unnnic-spacing-xs;
+        }
+      }
+    }
+
+    &__cards {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      gap: $unnnic-spacing-md;
+    }
+  }
+</style>
diff --git a/src/locales/en.json b/src/locales/en.json
index 660bfe39..5f01465c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -457,6 +457,37 @@
       "templates": {
         "button": "See my templates",
         "title": "Templates"
+      },
+      "catalog": {
+        "button": "View list of catalogs",
+        "title": "Catalog"
+      }
+    },
+    "catalog": {
+      "list": {
+        "title": "List of catalogs",
+        "description": "Add all the items you want to advertise or sell",
+        "advanced_settings": "Advanced Settings",
+        "identification": "Identification",
+        "actions": {
+          "enabled_cart": "Cart enabled",
+          "disabled_cart": "Cart disabled",
+          "enabled_catalog": "Catalog enabled",
+          "disabled_catalog": "Disabled"
+        },
+        "disable_modal": {
+          "title": "Are you really going to disable the catalogue?",
+          "description": "To continue sending your products on Whatsapp you need an active catalogue.",
+          "label": "Type “disable catalog” to confirm",
+          "placeholder": "disable catalog",
+          "confirm": "Disable"
+        },
+        "advanced_configurations_modal": {
+          "title": "Advanced Settings",
+          "description": "Configure the level of accuracy for automatic shipping of your products",
+          "recomendation": "Recommended configuration: 1.55",
+          "confirm": "To save"
+        }
       }
     },
     "templates": {
diff --git a/src/locales/es_es.json b/src/locales/es_es.json
index fb139b18..764321a6 100644
--- a/src/locales/es_es.json
+++ b/src/locales/es_es.json
@@ -457,6 +457,40 @@
       "templates": {
         "button": "Ver mis plantillas",
         "title": "Plantillas"
+      },
+      "catalog": {
+        "button": "Ver lista de catálogos",
+        "title": "Catalogar"
+      }
+    },
+    "catalog": {
+      "list": {
+        "title": "Lista de catálogos",
+        "description": "Añade todos los artículos que quieras anunciar o vender",
+        "advanced_settings": "Configuraciones avanzadas",
+        "identification": "Identificación",
+        "actions": {
+          "enabled_cart": "Carrito habilitado",
+          "disabled_cart": "Carrito inhabilitado",
+          "enabled_catalog": "Catálogo habilitado",
+          "disabled_catalog": "Desactivado"
+        },
+        "disable_modal": {
+          "title": "¿De verdad vas a desactivar el catálogo?",
+          "description": "Para seguir enviando tus productos por Whatsapp necesitas un catálogo activo.",
+          "label": "Escriba “deshabilitar catálogo” para confirmar",
+          "placeholder": "desactivar catálogo",
+          "confirm": "Desactivar"
+        },
+        "advanced_configurations_modal": {
+          "title": "Configuraciones avanzadas",
+          "description": "Configura el nivel de precisión para el envío automático de tus productos",
+          "recomendation": "Configuración recomendada: 1,55",
+          "confirm": "Ahorrar"
+        }
+      },
+      "error": {
+        "toggle_cart_visibility": ""
       }
     },
     "templates": {
diff --git a/src/locales/pt_br.json b/src/locales/pt_br.json
index d9579fd7..cb65f493 100644
--- a/src/locales/pt_br.json
+++ b/src/locales/pt_br.json
@@ -457,6 +457,43 @@
       "templates": {
         "button": "Ver meus templates",
         "title": "Templates"
+      },
+      "catalog": {
+        "button": "Ver lista de catálogos",
+        "title": "Catálogo"
+      }
+    },
+    "catalog": {
+      "error": {
+        "fetch_catalogs": "Não foi possível carregar a lista de catálogos. Por favor tente novamente mais tarde",
+        "disable_catalog": "Não foi possível desabilitar o catálogo no momento. Por favor tente novamente mais tarde",
+        "enable_catalog": "Não foi possível habilitar o catálogo no momento. Por favor tente novamente mais tarde",
+        "toggle_cart_visibility": ""
+      },
+      "list": {
+        "title": "Lista de catálogos",
+        "description": "Adicione todos os itens que você quer anunciar ou vender",
+        "advanced_settings": "Configurações avançadas",
+        "identification": "Identificação",
+        "actions": {
+          "enabled_cart": "Carrinho habilitado",
+          "disabled_cart": "Carrinho desabilitado",
+          "enabled_catalog": "Catálogo habilitado",
+          "disabled_catalog": "Desabilitado"
+        },
+        "disable_modal": {
+          "title": "Vai mesmo desabilitar o catálogo?",
+          "description": "Para continuar enviando seus produtos no Whatsapp você precisa de um catálogo ativo.",
+          "label": "Digite “{name}” para confirmar",
+          "placeholder": "desabilitar catálogo",
+          "confirm": "Desabilitar"
+        },
+        "advanced_configurations_modal": {
+          "title": "Configurações avançadas",
+          "description": "Configure o nível de precisão do envio automático dos seus produtos",
+          "recomendation": "Configuração recomendada: 1.55",
+          "confirm": "Salvar"
+        }
       }
     },
     "templates": {
diff --git a/src/router.js b/src/router.js
index 6a0096e5..2e9313e0 100644
--- a/src/router.js
+++ b/src/router.js
@@ -64,6 +64,20 @@ const routes = [
       },
     ],
   },
+  {
+    path: '/apps/my/:appCode/:appUuid/catalogs',
+    component: () => import('@/views/whatsAppCatalogs/Base.vue'),
+    children: [
+      {
+        name: 'WhatsApp Catalogs List',
+        path: '',
+        component: () => import('@/views/whatsAppCatalogs/List.vue'),
+        meta: {
+          crumb_title: 'WhatsApp.catalog.list.title',
+        },
+      },
+    ],
+  },
   {
     path: '/loginexternal/:token/:project/:flowOrg',
     name: 'externalLogin',
diff --git a/src/store/appType/channels/whatsapp_cloud/actions.js b/src/store/appType/channels/whatsapp_cloud/actions.js
index a599978f..d0f4b71f 100644
--- a/src/store/appType/channels/whatsapp_cloud/actions.js
+++ b/src/store/appType/channels/whatsapp_cloud/actions.js
@@ -35,4 +35,75 @@ export default {
   setSelectedPhoneNumber({ commit }, { data }) {
     commit('SET_SELECTED_PHONE_NUMBER', data);
   },
+  async getWhatsAppCloudCatalogs({ commit }, { appUuid }) {
+    commit('GET_WHATSAPP_CATALOGS_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.getWhatsAppCloudCatalogs(appUuid);
+      commit('GET_WHATSAPP_CATALOGS_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('GET_WHATSAPP_CATALOGS_ERROR', err);
+    }
+  },
+  async fetchCatalogData({ commit }, { appUuid, catalogUuid }) {
+    commit('FETCH_WHATSAPP_CATALOG_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.fetchCatalogData(appUuid, catalogUuid);
+      commit('FETCH_WHATSAPP_CATALOG_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('FETCH_WHATSAPP_CATALOG_ERROR', err);
+    }
+  },
+  async disableWhatsAppCloudCatalogs({ commit }, { appUuid, catalogUuid }) {
+    commit('DISABLE_WHATSAPP_CATALOG_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.disableWhatsAppCloudCatalogs(appUuid, catalogUuid);
+      commit('DISABLE_WHATSAPP_CATALOG_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('DISABLE_WHATSAPP_CATALOG_ERROR', err);
+    }
+  },
+  async enableWhatsAppCloudCatalogs({ commit }, { appUuid, catalogUuid }) {
+    commit('ENABLE_WHATSAPP_CATALOG_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.enableWhatsAppCloudCatalogs(appUuid, catalogUuid);
+      commit('ENABLE_WHATSAPP_CATALOG_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('ENABLE_WHATSAPP_CATALOG_ERROR', err);
+    }
+  },
+  async toggleCartVisibility({ commit }, { appUuid, payload }) {
+    commit('TOGGLE_CART_VISIBILITY_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.toggleCartVisibility(appUuid, payload);
+      commit('TOGGLE_CART_VISIBILITY_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('TOGGLE_CART_VISIBILITY_ERROR', err);
+    }
+  },
+  async toggleCatalogVisibility({ commit }, { appUuid, payload }) {
+    commit('TOGGLE_CATALOG_VISIBILITY_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.toggleCatalogVisibility(appUuid, payload);
+      commit('TOGGLE_CATALOG_VISIBILITY_SUCCESS', data);
+    } catch (err) {
+      captureSentryException(err);
+      commit('TOGGLE_CATALOG_VISIBILITY_ERROR', err);
+    }
+  },
+  async getCommerceSettings({ commit }, { appUuid }) {
+    commit('GET_COMMERCE_SETTINGS_REQUEST');
+    try {
+      const { data } = await whatsAppCloud.getCommerceSettings(appUuid);
+      const settings = data.data[0];
+      commit('GET_COMMERCE_SETTINGS_SUCCESS', settings);
+    } catch (err) {
+      captureSentryException(err);
+      commit('GET_COMMERCE_SETTINGS_ERROR', err);
+    }
+  },
 };
diff --git a/src/store/appType/channels/whatsapp_cloud/mutations.js b/src/store/appType/channels/whatsapp_cloud/mutations.js
index b4665fef..0951bb66 100644
--- a/src/store/appType/channels/whatsapp_cloud/mutations.js
+++ b/src/store/appType/channels/whatsapp_cloud/mutations.js
@@ -44,4 +44,96 @@ export default {
   SET_SELECTED_PHONE_NUMBER(state, data) {
     state.selectedPhoneNumber = data;
   },
+  GET_WHATSAPP_CATALOGS_REQUEST(state) {
+    state.loadingWhatsAppCloudCatalogs = true;
+    state.errorWhatsAppCloudCatalogs = null;
+  },
+  GET_WHATSAPP_CATALOGS_SUCCESS(state, data) {
+    state.whatsAppCloudCatalogs = data;
+    state.loadingWhatsAppCloudCatalogs = false;
+  },
+  GET_WHATSAPP_CATALOGS_ERROR(state, data) {
+    state.errorWhatsAppCloudCatalogs = data;
+    state.loadingWhatsAppCloudCatalogs = false;
+  },
+  FETCH_WHATSAPP_CATALOG_REQUEST(state) {
+    state.loadingFetchWhatsAppCloudCatalog = true;
+    state.errorFetchWhatsAppCloudCatalog = null;
+  },
+  FETCH_WHATSAPP_CATALOG_SUCCESS(state, data) {
+    state.whatsAppCloudCatalog = data;
+    state.loadingFetchWhatsAppCloudCatalog = false;
+  },
+  FETCH_WHATSAPP_CATALOG_ERROR(state, data) {
+    state.errorFetchWhatsAppCloudCatalog = data;
+    state.loadingFetchWhatsAppCloudCatalog = false;
+  },
+  DISABLE_WHATSAPP_CATALOG_REQUEST(state) {
+    state.loadingDisableCatalog = true;
+    state.disabledCatalog = null;
+    state.errorDisableCatalog = null;
+  },
+  DISABLE_WHATSAPP_CATALOG_SUCCESS(state, data) {
+    state.disabledCatalog = data;
+    state.loadingDisableCatalog = false;
+  },
+  DISABLE_WHATSAPP_CATALOG_ERROR(state, data) {
+    state.errorDisableCatalog = data;
+    state.loadingDisableCatalog = false;
+  },
+
+  ENABLE_WHATSAPP_CATALOG_REQUEST(state) {
+    state.loadingEnableCatalog = true;
+    state.enabledCatalog = null;
+    state.errorEnableCatalog = null;
+  },
+  ENABLE_WHATSAPP_CATALOG_SUCCESS(state, data) {
+    state.enabledCatalog = data;
+    state.loadingEnableCatalog = false;
+  },
+  ENABLE_WHATSAPP_CATALOG_ERROR(state, data) {
+    state.errorEnableCatalog = data;
+    state.loadingEnableCatalog = false;
+  },
+
+  TOGGLE_CART_VISIBILITY_REQUEST(state) {
+    state.loadingToggleCartVisibility = true;
+    state.toggledCartVisibility = null;
+    state.errorToggleCartVisibility = null;
+  },
+  TOGGLE_CART_VISIBILITY_SUCCESS(state, data) {
+    state.toggledCartVisibility = data;
+    state.loadingToggleCartVisibility = false;
+  },
+  TOGGLE_CART_VISIBILITY_ERROR(state, data) {
+    state.errorToggleCartVisibility = data;
+    state.loadingToggleCartVisibility = false;
+  },
+
+  TOGGLE_CATALOG_VISIBILITY_REQUEST(state) {
+    state.loadingToggleCatalogVisibility = true;
+    state.toggledCatalogVisibility = null;
+    state.errorToggleCatalogVisibility = null;
+  },
+  TOGGLE_CATALOG_VISIBILITY_SUCCESS(state, data) {
+    state.toggledCatalogVisibility = data;
+    state.loadingToggleCatalogVisibility = false;
+  },
+  TOGGLE_CATALOG_VISIBILITY_ERROR(state, data) {
+    state.errorToggleCatalogVisibility = data;
+    state.loadingToggleCatalogVisibility = false;
+  },
+
+  GET_COMMERCE_SETTINGS_REQUEST(state) {
+    state.loadingCommerceSettings = true;
+    state.errorCommerceSettings = null;
+  },
+  GET_COMMERCE_SETTINGS_SUCCESS(state, data) {
+    state.commerceSettings = data;
+    state.loadingCommerceSettings = false;
+  },
+  GET_COMMERCE_SETTINGS_ERROR(state, data) {
+    state.errorCommerceSettings = data;
+    state.loadingCommerceSettings = false;
+  },
 };
diff --git a/src/store/appType/channels/whatsapp_cloud/state.js b/src/store/appType/channels/whatsapp_cloud/state.js
index 7524d4c8..bc44d41f 100644
--- a/src/store/appType/channels/whatsapp_cloud/state.js
+++ b/src/store/appType/channels/whatsapp_cloud/state.js
@@ -12,4 +12,32 @@ export default {
 
   loadingWhatsAppCloudConfigure: false,
   errorCloudConfigure: false,
+
+  whatsAppCloudCatalogs: null,
+  loadingWhatsAppCloudCatalogs: false,
+  errorWhatsAppCloudCatalogs: false,
+
+  whatsAppCloudCatalog: null,
+  loadingFetchWhatsAppCloudCatalog: false,
+  errorFetchWhatsAppCloudCatalog: false,
+
+  disabledCatalog: null,
+  loadingDisableCatalog: false,
+  errorDisableCatalog: false,
+
+  enabledCatalog: null,
+  loadingEnableCatalog: false,
+  errorEnableCatalog: false,
+
+  toggledCartVisibility: null,
+  loadingToggleCartVisibility: false,
+  errorToggleCartVisibility: false,
+
+  toggledCatalogVisibility: null,
+  loadingToggleCatalogVisibility: false,
+  errorToggleCatalogVisibility: false,
+
+  commerceSettings: null,
+  loadingCommerceSettings: false,
+  errorCommerceSettings: false,
 };
diff --git a/src/views/whatsAppCatalogs/Base.vue b/src/views/whatsAppCatalogs/Base.vue
new file mode 100644
index 00000000..c7ffdeba
--- /dev/null
+++ b/src/views/whatsAppCatalogs/Base.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="whatsapp-catalogs-base">
+    <unnnic-breadcrumb :crumbs="crumbs" @crumbClick="handleCrumbClick" />
+    <router-view />
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'WhatsAppCatalogs',
+    data() {
+      return {
+        crumb_title: this.$route.meta.crumb_title,
+        baseCrumbs: [
+          {
+            name: this.$t('apps.nav.my_apps'),
+            path: '/apps/my',
+            meta: 'myApps',
+          },
+        ],
+      };
+    },
+    computed: {
+      crumbs() {
+        const routeCrumbs = this.$route.matched.slice(1);
+
+        const routeCrumbsWithTitles = routeCrumbs.map((crumb) => {
+          const { meta } = crumb;
+          return {
+            name: this.$t(meta.crumb_title),
+            path: crumb.path,
+            meta: crumb.name,
+          };
+        });
+        return this.baseCrumbs.concat(routeCrumbsWithTitles);
+      },
+    },
+    methods: {
+      handleCrumbClick(crumb) {
+        if (crumb.meta === this.$route.name) return;
+
+        if (crumb.meta === 'WhatsApp Catalogs List') {
+          this.$router.go(-1);
+        } else {
+          this.$router.push(crumb.path);
+        }
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .whatsapp-catalogs-base {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+</style>
diff --git a/src/views/whatsAppCatalogs/List.vue b/src/views/whatsAppCatalogs/List.vue
new file mode 100644
index 00000000..1bfb0929
--- /dev/null
+++ b/src/views/whatsAppCatalogs/List.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="whatsapp-catalogs">
+    <div v-if="$route.name === 'WhatsApp Catalogs List'">
+      <List />
+    </div>
+    <router-view v-else />
+  </div>
+</template>
+
+<script>
+  import List from '@/components/whatsAppCatalogs/List';
+
+  export default {
+    name: 'WhatsAppCatalogsList',
+    components: {
+      List,
+    },
+  };
+</script>