diff --git a/frontend/public/data/frequentConstants.ts b/frontend/public/data/frequentConstants.ts
index f2e3acf70..0a6733b25 100644
--- a/frontend/public/data/frequentConstants.ts
+++ b/frontend/public/data/frequentConstants.ts
@@ -12,7 +12,8 @@ const integrationSlugNameMapping: Mapping = {
   'github': 'GitHub',
   'render': 'Render',
   'flyio': 'Fly.io',
-  "circleci": 'CircleCI'
+  'circleci': 'CircleCI',
+  'travisci': 'TravisCI'
 }
 
 const envMapping: Mapping = {
diff --git a/frontend/src/pages/integrations/[id].tsx b/frontend/src/pages/integrations/[id].tsx
index a5057c05e..60cb102ac 100644
--- a/frontend/src/pages/integrations/[id].tsx
+++ b/frontend/src/pages/integrations/[id].tsx
@@ -201,6 +201,9 @@ export default function Integrations() {
         case 'circleci':
           link = `${window.location.origin}/integrations/circleci/authorize`
           break;
+        case 'travisci':
+          link = `${window.location.origin}/integrations/travisci/authorize`
+          break;
         default:
           break;
       }
@@ -247,6 +250,9 @@ export default function Integrations() {
         case 'circleci':
           link = `${window.location.origin}/integrations/circleci/create?integrationAuthId=${integrationAuth._id}`;
           break;
+        case 'travisci':
+          link = `${window.location.origin}/integrations/travisci/create?integrationAuthId=${integrationAuth._id}`;
+          break;
         default:
           break;
       }