Edit defaults for "Private Site" landing page?

i’ve searched forums and don’t see any clear answer, hoping others might have an idea!

i’m using a default ghost theme (they are awesome!) and have set my site to private, and it will remain private for a while. however, i’d like to edit the landing page include an email to contact, or perhaps a link to a simple typeform (so that i can qualify requests to join from outside my network).

right now, it simply says “This site is private” with a box or password, and a link to “Access site”

is there any way to add a line of text above or below with a link or email?

You should be able to upload a custom private.hbs to your theme to change this :slight_smile:

Here’s the default template: Ghost/private.hbs at 42f2f4087fa9f4c2452f784c3f2bf6fcd9cd528f · TryGhost/Ghost · GitHub

And here are the docs for it:

this will sound absurd, though pardon me because i literally just set up Ghost Pro a few days ago.

is this something that can be done in any way from the administrative interface? If not, any interest in a tiny contract job! I’m just trying to insert my email address (below the box: If you would like more information, please email: asdf@asdf.com)

I don’t think it’s possible to change the design through the admin interface.

In order to add the private page, you can download your theme, unzip, create the private.hbs, rezip, and reupload the theme.

Docs for downloading/uploading a theme: Download and upload a Ghost theme

Example private.hbs with your email (not actually tested so it could look terrible :sweat_smile:):

<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
        <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

        <title>{{@site.title}} - Private Site Access</title>

        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <meta http-equiv="cleartype" content="on">

        <link rel="stylesheet" href="{{asset "public/ghost.css" hasMinFile="true"}}"/>
        <div class="gh-app">
            <div class="gh-viewport">
                <main class="gh-main" role="main">
                    <div class="gh-flow">
                        <div class="gh-flow-content-wrap">
                            {{#if @site.icon}}
                                <img class="site-icon" src="{{img_url @site.icon absolute="true"}}" alt="icon">
                            <section class="gh-flow-content private">
                                    <h1>This site is private.</h1>
                                <form class="gh-signin" method="post" novalidate="novalidate">
                                    <div class="form-group{{#if error}} error{{/if}}">
                                            {{input_password class="gh-input" placeholder="Password"}}
                                            {{#if error}}
                                                <p class="main-error">{{error.message}}</p>
                                    <button class="gh-btn" type="submit"><span>Access site &rarr;</span></button>
<p>Get in touch: <a href="mailto:support@example.com">support@example.com</a></p>

thanks! i’ve also found a theme that does exactly what i want, thanks to the kind team at ghost for pointing it out to me: https://lede-landing-demo.superthemes.co/
(and Lede Landing Docs · Super Themes Co. Docs)

1 Like