diff --git a/resources/js/processes-catalogue/components/CardProcess.vue b/resources/js/processes-catalogue/components/CardProcess.vue
index 4ea63bbb55..59cca403cd 100644
--- a/resources/js/processes-catalogue/components/CardProcess.vue
+++ b/resources/js/processes-catalogue/components/CardProcess.vue
@@ -4,6 +4,7 @@
       v-for="process in processList"
       :key="process.id"
       class="card-process"
+      @click="openProcessInfo(process.id)"
     >
       <b-card-text>
         <img
@@ -36,13 +37,15 @@ export default {
   methods: {
     loadCard() {
       /* TODO complete the new API */
-      console.log(this.category.name);
       ProcessMaker.apiClient
         .get("processes")
         .then((response) => {
           this.processList = response.data.data;
         });
     },
+    openProcessInfo(process) {
+      window.location = `/processes-catalogue/${process}`;
+    },
   },
 };
 </script>