diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index 1f916fb5f..72997b657 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -23,7 +23,8 @@ import {
 } from 'services/collectionService';
 import constants from 'utils/strings/constants';
 import AlertBanner from './components/AlertBanner';
-import { Alert } from 'react-bootstrap';
+import { Alert, Button } from 'react-bootstrap';
+import { buySubscription } from 'services/subscriptionService';
 
 const DATE_CONTAINER_HEIGHT = 45;
 const IMAGE_CONTAINER_HEIGHT = 200;
@@ -326,7 +327,15 @@ export default function Gallery(props) {
                 </div>
             )}
             <AlertBanner bannerErrorCode={bannerErrorCode} />
-
+            <Button
+                id="checkout"
+                variant="primary"
+                size="lg"
+                block
+                onClick={buySubscription}
+            >
+                {constants.SUBSCRIBE}
+            </Button>
             <Collections
                 collections={collections}
                 selected={Number(router.query.collection)}
diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx
index cc7d1479e..5fe25384e 100644
--- a/src/utils/strings/englishConstants.tsx
+++ b/src/utils/strings/englishConstants.tsx
@@ -88,6 +88,7 @@ const englishConstants = {
     LOGOUT: 'logout',
     LOGOUT_WARNING: 'sure you want to logout?',
     CANCEL: 'cancel',
+    SUBSCRIBE: 'subscribe',
 };
 
 export default englishConstants;