diff --git a/src/Routes.js b/src/Routes.js
index 88a2296b..139e4f90 100644
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Match, Miss, Redirect } from 'react-router';
 import {
+  CheckoutPage,
   LandingPage,
   ListingPage,
   ProfilePage,
@@ -26,6 +27,9 @@ const Routes = () => (
     {/* profile / storefront view */}
     <Match exactly pattern="/u/:displayName" component={ ProfilePage } />
     <Match exactly pattern="/u" component={ RedirectLandingPage } />
+
+    {/* checkout */}
+    <Match exactly pattern="/checkout/:listingId" component={ CheckoutPage } />
     <Miss component={ NotFoundPage } />
   </div>
 );
diff --git a/src/containers/CheckoutPage/CheckoutPage.js b/src/containers/CheckoutPage/CheckoutPage.js
new file mode 100644
index 00000000..50723c9b
--- /dev/null
+++ b/src/containers/CheckoutPage/CheckoutPage.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { Link } from 'react-router';
+import { Page } from '../../components';
+
+export default ({ params }) => (
+  <Page title={ `Checkout page: ${params.listingId}`}>
+    <Link to={ `/order/12345` }><button>Pay</button></Link>
+  </Page>
+);
diff --git a/src/containers/index.js b/src/containers/index.js
index 35838ca1..3d8fd6b6 100644
--- a/src/containers/index.js
+++ b/src/containers/index.js
@@ -1,3 +1,4 @@
+import CheckoutPage from './CheckoutPage/CheckoutPage';
 import LandingPage from './LandingPage/LandingPage';
 import ListingPage from './ListingPage/ListingPage';
 import ProfilePage from './ProfilePage/ProfilePage';
@@ -5,6 +6,7 @@ import SearchPage from './SearchPage/SearchPage';
 import NotFoundPage from './NotFoundPage/NotFoundPage';
 
 export {
+  CheckoutPage,
   LandingPage,
   ListingPage,
   ProfilePage,