diff --git a/src/app.test.js b/src/app.test.js
index b5707d7a..81449e8b 100644
--- a/src/app.test.js
+++ b/src/app.test.js
@@ -25,7 +25,7 @@ describe('Application', () => {
     const urlTitles = {
       '/': 'Landing page',
       '/s': 'Search page',
-      '/l/1234': 'Listing page with listing id: #1234',
+      '/l/listing-title-slug/1234': 'Listing page with listing id: #1234',
       '/u/1234': 'Profile page with display name: 1234',
       '/checkout/1234': 'Checkout page: 1234',
       '/login': 'Authentication page: login tab',
diff --git a/src/containers/AuthenticationPage/__snapshots__/AuthenticationPage.test.js.snap b/src/containers/AuthenticationPage/__snapshots__/AuthenticationPage.test.js.snap
index f5aaf159..a766d9f9 100644
--- a/src/containers/AuthenticationPage/__snapshots__/AuthenticationPage.test.js.snap
+++ b/src/containers/AuthenticationPage/__snapshots__/AuthenticationPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`AuthenticationPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/CheckoutPage/__snapshots__/CheckoutPage.test.js.snap b/src/containers/CheckoutPage/__snapshots__/CheckoutPage.test.js.snap
index 59b3c018..9523001b 100644
--- a/src/containers/CheckoutPage/__snapshots__/CheckoutPage.test.js.snap
+++ b/src/containers/CheckoutPage/__snapshots__/CheckoutPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`CheckoutPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/ContactDetailsPage/__snapshots__/ContactDetailsPage.test.js.snap b/src/containers/ContactDetailsPage/__snapshots__/ContactDetailsPage.test.js.snap
index 39028580..8b7fca3d 100644
--- a/src/containers/ContactDetailsPage/__snapshots__/ContactDetailsPage.test.js.snap
+++ b/src/containers/ContactDetailsPage/__snapshots__/ContactDetailsPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`ContactDetailsPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/ConversationPage/__snapshots__/ConversationPage.test.js.snap b/src/containers/ConversationPage/__snapshots__/ConversationPage.test.js.snap
index 993fb1a2..9f631294 100644
--- a/src/containers/ConversationPage/__snapshots__/ConversationPage.test.js.snap
+++ b/src/containers/ConversationPage/__snapshots__/ConversationPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`ConversationPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/EditProfilePage/__snapshots__/EditProfilePage.test.js.snap b/src/containers/EditProfilePage/__snapshots__/EditProfilePage.test.js.snap
index c6ed5569..655540ca 100644
--- a/src/containers/EditProfilePage/__snapshots__/EditProfilePage.test.js.snap
+++ b/src/containers/EditProfilePage/__snapshots__/EditProfilePage.test.js.snap
@@ -19,7 +19,7 @@ exports[`EditProfilePage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/InboxPage/__snapshots__/InboxPage.test.js.snap b/src/containers/InboxPage/__snapshots__/InboxPage.test.js.snap
index 41351df5..a00928ae 100644
--- a/src/containers/InboxPage/__snapshots__/InboxPage.test.js.snap
+++ b/src/containers/InboxPage/__snapshots__/InboxPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`InboxPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/LandingPage/__snapshots__/LandingPage.test.js.snap b/src/containers/LandingPage/__snapshots__/LandingPage.test.js.snap
index 7539e939..b052fff7 100644
--- a/src/containers/LandingPage/__snapshots__/LandingPage.test.js.snap
+++ b/src/containers/LandingPage/__snapshots__/LandingPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`LandingPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js
index c0ab09e8..5cc272a8 100644
--- a/src/containers/ListingPage/ListingPage.js
+++ b/src/containers/ListingPage/ListingPage.js
@@ -2,21 +2,12 @@ import React, { PropTypes } from 'react';
 import { Link } from 'react-router';
 import { PageLayout } from '../../components';
 
-const ListingPage = ({ params }) => {
-  // Listing id should be located either in the end of slug
-  // - https://example.com/l/listing-title-as-slug-12345
-  // - https://example.com/l/12345
-  const slugAndId = params.slug.split('-');
-  const id = slugAndId[slugAndId.length - 1];
-
-  // TODO: Fetch data from SDK if no data is passed through props
-  return (
-    <PageLayout title={`Listing page with listing id: #${id}`}>
-      <p>Slug: {params.slug}</p>
-      <Link to={`/checkout/${id}`}><button>Book</button></Link>
-    </PageLayout>
-  );
-};
+const ListingPage = ({ params }) => (
+  <PageLayout title={`Listing page with listing id: #${params.id}`}>
+    <p>Slug: {params.slug}</p>
+    <Link to={`/checkout/${params.id}`}><button>Book</button></Link>
+  </PageLayout>
+);
 
 const { shape, string } = PropTypes;
 
diff --git a/src/containers/ListingPage/ListingPage.test.js b/src/containers/ListingPage/ListingPage.test.js
index 7b427688..ba291720 100644
--- a/src/containers/ListingPage/ListingPage.test.js
+++ b/src/containers/ListingPage/ListingPage.test.js
@@ -8,7 +8,7 @@ describe('ListingPage', () => {
     const component = renderer.create(
       (
         <BrowserRouter>
-          <ListingPage params={{ slug: 'really-nice-house-1234' }} />
+          <ListingPage params={{ slug: 'really-nice-house-1234', id: 1234 }} />
         </BrowserRouter>
       ),
     );
diff --git a/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap b/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
index 1cb197ab..ac500656 100644
--- a/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
+++ b/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`ListingPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/ManageListingsPage/__snapshots__/ManageListingsPage.test.js.snap b/src/containers/ManageListingsPage/__snapshots__/ManageListingsPage.test.js.snap
index 17515d29..435ead52 100644
--- a/src/containers/ManageListingsPage/__snapshots__/ManageListingsPage.test.js.snap
+++ b/src/containers/ManageListingsPage/__snapshots__/ManageListingsPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`ManageListingsPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/NotFoundPage/__snapshots__/NotFoundPage.test.js.snap b/src/containers/NotFoundPage/__snapshots__/NotFoundPage.test.js.snap
index 614025f2..c7899f4a 100644
--- a/src/containers/NotFoundPage/__snapshots__/NotFoundPage.test.js.snap
+++ b/src/containers/NotFoundPage/__snapshots__/NotFoundPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`NotFoundPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/NotificationSettingsPage/__snapshots__/NotificationSettingsPage.test.js.snap b/src/containers/NotificationSettingsPage/__snapshots__/NotificationSettingsPage.test.js.snap
index 2c9aa203..3674ee70 100644
--- a/src/containers/NotificationSettingsPage/__snapshots__/NotificationSettingsPage.test.js.snap
+++ b/src/containers/NotificationSettingsPage/__snapshots__/NotificationSettingsPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`NotificationSettingsPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/OrderPage/__snapshots__/OrderPage.test.js.snap b/src/containers/OrderPage/__snapshots__/OrderPage.test.js.snap
index 624f4918..a255c4f3 100644
--- a/src/containers/OrderPage/__snapshots__/OrderPage.test.js.snap
+++ b/src/containers/OrderPage/__snapshots__/OrderPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`OrderPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/PasswordChangePage/__snapshots__/PasswordChangePage.test.js.snap b/src/containers/PasswordChangePage/__snapshots__/PasswordChangePage.test.js.snap
index 11f87b8a..413232de 100644
--- a/src/containers/PasswordChangePage/__snapshots__/PasswordChangePage.test.js.snap
+++ b/src/containers/PasswordChangePage/__snapshots__/PasswordChangePage.test.js.snap
@@ -19,7 +19,7 @@ exports[`PasswordChangePage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/PasswordForgottenPage/__snapshots__/PasswordForgottenPage.test.js.snap b/src/containers/PasswordForgottenPage/__snapshots__/PasswordForgottenPage.test.js.snap
index bd61ab68..e0ac18fe 100644
--- a/src/containers/PasswordForgottenPage/__snapshots__/PasswordForgottenPage.test.js.snap
+++ b/src/containers/PasswordForgottenPage/__snapshots__/PasswordForgottenPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`PasswordForgottenPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/PaymentMethodsPage/__snapshots__/PaymentMethodsPage.test.js.snap b/src/containers/PaymentMethodsPage/__snapshots__/PaymentMethodsPage.test.js.snap
index 71d5ee6e..17c9fef4 100644
--- a/src/containers/PaymentMethodsPage/__snapshots__/PaymentMethodsPage.test.js.snap
+++ b/src/containers/PaymentMethodsPage/__snapshots__/PaymentMethodsPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`PaymentMethodsPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/PayoutPreferencesPage/__snapshots__/PayoutPreferencesPage.test.js.snap b/src/containers/PayoutPreferencesPage/__snapshots__/PayoutPreferencesPage.test.js.snap
index 3ce5d713..59d0fc4a 100644
--- a/src/containers/PayoutPreferencesPage/__snapshots__/PayoutPreferencesPage.test.js.snap
+++ b/src/containers/PayoutPreferencesPage/__snapshots__/PayoutPreferencesPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`PayoutPreferencesPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/ProfilePage/__snapshots__/ProfilePage.test.js.snap b/src/containers/ProfilePage/__snapshots__/ProfilePage.test.js.snap
index 9a6ca998..9daed00c 100644
--- a/src/containers/ProfilePage/__snapshots__/ProfilePage.test.js.snap
+++ b/src/containers/ProfilePage/__snapshots__/ProfilePage.test.js.snap
@@ -19,7 +19,7 @@ exports[`ProfilePage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/SalesConversationPage/__snapshots__/SalesConversationPage.test.js.snap b/src/containers/SalesConversationPage/__snapshots__/SalesConversationPage.test.js.snap
index 999c6422..50207b05 100644
--- a/src/containers/SalesConversationPage/__snapshots__/SalesConversationPage.test.js.snap
+++ b/src/containers/SalesConversationPage/__snapshots__/SalesConversationPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`SalesConversationPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/SearchPage/__snapshots__/SearchPage.test.js.snap b/src/containers/SearchPage/__snapshots__/SearchPage.test.js.snap
index 3009aeb6..c2f9d6b7 100644
--- a/src/containers/SearchPage/__snapshots__/SearchPage.test.js.snap
+++ b/src/containers/SearchPage/__snapshots__/SearchPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`SearchPageComponent matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/SecurityPage/__snapshots__/SecurityPage.test.js.snap b/src/containers/SecurityPage/__snapshots__/SecurityPage.test.js.snap
index 8fff65ea..4570cb1e 100644
--- a/src/containers/SecurityPage/__snapshots__/SecurityPage.test.js.snap
+++ b/src/containers/SecurityPage/__snapshots__/SecurityPage.test.js.snap
@@ -19,7 +19,7 @@ exports[`SecurityPage matches snapshot 1`] = `
     </a>
     <a
       className=""
-      href="/l/Bike-Pelago-12345"
+      href="/l/Bike-Pelago/12345"
       onClick={[Function]}
       style={Object {}}>
       Listing page
diff --git a/src/containers/Topbar/Topbar.js b/src/containers/Topbar/Topbar.js
index 94397f8a..bf187f95 100644
--- a/src/containers/Topbar/Topbar.js
+++ b/src/containers/Topbar/Topbar.js
@@ -24,7 +24,7 @@ const Topbar = (props, context) => {
     <div className={css.container}>
       <Link to="/" {...linkProps}>Home</Link>
       <Link to="/s" {...linkProps}>Search</Link>
-      <Link to="/l/Bike-Pelago-12345" {...linkProps}>Listing page</Link>
+      <Link to="/l/Bike-Pelago/12345" {...linkProps}>Listing page</Link>
       <Link to="/u/Bikerrs" {...linkProps}>Profile</Link>
       <Link to="/u/Bikerrs/edit" {...linkProps}>Edit profile</Link>
       <Link to="/checkout/lid1234" {...linkProps}>Checkout</Link>