diff --git a/.github/workflows/build-development.yml b/.github/workflows/build-development.yml
index b51542b7b2..5e095a1600 100644
--- a/.github/workflows/build-development.yml
+++ b/.github/workflows/build-development.yml
@@ -42,7 +42,7 @@ jobs:
         yarn run build
       env:
         REACT_APP_URL_SHORTENER_SIGNATURE: ${{ secrets.REACT_APP_URL_SHORTENER_SIGNATURE }}
-        REACT_APP_URL_SHORTENER_DOMAIN: ${{ secrets.REACT_APP_URL_SHORTENER_DOMAIN }}
+        REACT_APP_URL_SHORTENER_BASE: ${{ secrets.REACT_APP_URL_SHORTENER_BASE }}
         REACT_APP_SENTRY_DSN: ${{ secrets.REACT_APP_SENTRY_DSN }}
         REACT_APP_GOOGLE_CLIENT_ID: ${{ secrets.REACT_APP_GOOGLE_CLIENT_ID }}
         REACT_APP_GOOGLE_API_KEY: ${{ secrets.REACT_APP_GOOGLE_API_KEY }}
diff --git a/src/commons/controlBar/ControlBarShareButton.tsx b/src/commons/controlBar/ControlBarShareButton.tsx
index b7afc3b596..67055cb381 100644
--- a/src/commons/controlBar/ControlBarShareButton.tsx
+++ b/src/commons/controlBar/ControlBarShareButton.tsx
@@ -40,12 +40,6 @@ export class ControlBarShareButton extends React.PureComponent<ControlBarShareBu
   }
 
   public render() {
-    let url = '';
-    const { urlShortener } = Constants;
-    if (urlShortener) {
-      url = urlShortener.split('/').slice(0, -1).join('/') + '/';
-    }
-
     const shareButtonPopoverContent =
       this.props.queryString === undefined ? (
         <Text>
@@ -66,7 +60,7 @@ export class ControlBarShareButton extends React.PureComponent<ControlBarShareBu
           {!this.props.shortURL || this.props.shortURL === 'ERROR' ? (
             !this.state.isLoading || this.props.shortURL === 'ERROR' ? (
               <div>
-                {url}&nbsp;
+                {Constants.urlShortenerBase}&nbsp;
                 <input
                   placeholder={'custom string (optional)'}
                   onChange={this.handleChange}
diff --git a/src/commons/sagas/PlaygroundSaga.ts b/src/commons/sagas/PlaygroundSaga.ts
index e80c11c0f7..b03ac03111 100644
--- a/src/commons/sagas/PlaygroundSaga.ts
+++ b/src/commons/sagas/PlaygroundSaga.ts
@@ -50,7 +50,7 @@ export default function* PlaygroundSaga(): SagaIterator {
     if (resp.status !== 'success') {
       yield call(showSuccessMessage, resp.message);
     }
-    yield put(updateShortURL(resp.shorturl));
+    yield put(updateShortURL(Constants.urlShortenerBase + resp.url.keyword));
   });
 }
 
@@ -110,7 +110,7 @@ export async function shortenURLRequest(
     }, new FormData())
   };
 
-  const resp = await fetch(Constants.urlShortener!, fetchOpts);
+  const resp = await fetch(`${Constants.urlShortenerBase}yourls-api.php`, fetchOpts);
   if (!resp || !resp.ok) {
     return null;
   }
diff --git a/src/commons/sagas/__tests__/PlaygroundSaga.ts b/src/commons/sagas/__tests__/PlaygroundSaga.ts
index e696ee192e..285232ccce 100644
--- a/src/commons/sagas/__tests__/PlaygroundSaga.ts
+++ b/src/commons/sagas/__tests__/PlaygroundSaga.ts
@@ -13,10 +13,12 @@ import {
   OverallState
 } from '../../application/ApplicationTypes';
 import { ExternalLibraryName } from '../../application/types/ExternalTypes';
+import Constants from '../../utils/Constants';
 import { showSuccessMessage, showWarningMessage } from '../../utils/NotificationsHelper';
 import PlaygroundSaga, { shortenURLRequest } from '../PlaygroundSaga';
 
 describe('Playground saga tests', () => {
+  Constants.urlShortenerBase = 'http://url-shortener.com/';
   const errMsg = 'Something went wrong trying to create the link.';
 
   test('puts changeQueryString action with undefined argument when passed the default value', () => {
diff --git a/src/commons/utils/Constants.ts b/src/commons/utils/Constants.ts
index 2d83f2011a..4fb647cc67 100644
--- a/src/commons/utils/Constants.ts
+++ b/src/commons/utils/Constants.ts
@@ -17,7 +17,7 @@ const defaultSourceVariant = 'default';
 const defaultQuestionId = 0;
 const maxBrowseIndex = 50;
 const mobileBreakpoint = 768;
-const urlShortener = process.env.REACT_APP_URL_SHORTENER_DOMAIN;
+const urlShortenerBase = process.env.REACT_APP_URL_SHORTENER_BASE;
 const urlShortenerSignature = process.env.REACT_APP_URL_SHORTENER_SIGNATURE;
 const moduleBackendUrl = process.env.REACT_APP_MODULE_BACKEND_URL || 'modules';
 const sharedbBackendUrl = process.env.REACT_APP_SHAREDB_BACKEND_URL || '';
@@ -110,7 +110,7 @@ const Constants = {
   defaultQuestionId,
   maxBrowseIndex,
   mobileBreakpoint,
-  urlShortener,
+  urlShortenerBase,
   urlShortenerSignature,
   moduleBackendUrl,
   authProviders,