diff --git a/app.js b/app.js
index de3cafb..641d023 100644
--- a/app.js
+++ b/app.js
@@ -54,7 +54,13 @@ app.use(catchErrors(async function (request, response, next) {
 
   // Make query string available in templates to render links properly
   const qs = querystring.stringify(request.query)
+  const settingsQs = querystring.stringify(Object.assign({}, request.query, {
+    space_id: response.locals.settings.spaceId,
+    preview_token: response.locals.settings.previewToken,
+    delivery_token: response.locals.settings.deliveryToken
+  }))
   response.locals.queryString = qs ? `?${qs}` : ''
+  response.locals.queryStringSettings = settingsQs ? `?${settingsQs}` : ''
   response.locals.query = request.query
   response.locals.currentPath = request.path
 
diff --git a/views/layout.pug b/views/layout.pug
index 4de5703..34946a9 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -144,31 +144,31 @@ section.modal#about-this-modal
         li
           img(src='/images/icon-nodejs.svg')
           br
-          a(href="https://the-example-app-nodejs.herokuapp.com/" rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
+          a(href=`https://the-example-app-nodejs.herokuapp.com/${queryStringSettings}` rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
           br
           a(href="https://github.com/contentful/the-example-app.nodejs" rel="noopener" target="_blank") GitHub
         li
           img(src='/images/icon-dotnet.svg')
           br
-          a(href="https://the-example-app-csharp.herokuapp.com/" rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
+          a(href=`https://the-example-app-csharp.herokuapp.com/${queryStringSettings}` rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
           br
           a(href="https://github.com/contentful/the-example-app.csharp" rel="noopener" target="_blank") GitHub
         li
           img(src='/images/icon-ruby.svg')
           br
-          a(href="https://the-example-app-rb.herokuapp.com/" rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
+          a(href=`https://the-example-app-rb.herokuapp.com/${queryStringSettings}` rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
           br
           a(href="https://github.com/contentful/the-example-app.rb" rel="noopener" target="_blank") GitHub
         li
           img(src='/images/icon-php.svg')
           br
-          a(href="https://the-example-app-php.herokuapp.com/" rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
+          a(href=`https://the-example-app-php.herokuapp.com/${queryStringSettings}` rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
           br
           a(href="https://github.com/contentful/the-example-app.php" rel="noopener" target="_blank") GitHub
         li
           img(src='/images/icon-python.svg')
           br
-          a(href="https://the-example-app-py.herokuapp.com/" rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
+          a(href=`https://the-example-app-py.herokuapp.com/${queryStringSettings}` rel="noopener" target="_blank")= translate("hostedLabel", currentLocale.code)
           br
           a(href="https://github.com/contentful/the-example-app.py" rel="noopener" target="_blank") GitHub
         li