Coming Soon Page

Coming soon page templates with countdown timers

A coming soon page keeps your domain from looking abandoned while the real site is being built, and it is the easiest way to start an email list before you have anything to sell. All eleven templates here are free, were rebuilt in 2026, and use plain HTML, CSS and JavaScript with no jQuery. Each one has a countdown to your launch and an email box. When someone signs up, the page thanks them with “you’re on the list”, and in all but Cityview, the page switches to a “we’re live” message on its own when the countdown reaches zero.

Every template also includes a matching email you can send to people who sign up, so the announcement and the page look like they belong together.

Choosing one

The full launch kit. Forthcoming, Impressive, Landscape, Launching Soon, Launching Soon Page, Magnificent Countdown, Progressing Countdown and Responsive Themes each come with a contact page, a privacy page and a “we’ll be back shortly” maintenance page, plus emails for both the sign-up and the contact form. The maintenance page is worth keeping after launch, for the day you need to take the site down for an update.

Show how far along you are. Progressing Countdown and Utmost add a progress bar next to the countdown. Utmost also sends people to a thank-you page after they sign up and has its own maintenance and privacy pages.

Just the counter. Forestry and Cityview are one page each: a countdown, a headline and an email box. They suit an event, a sale or a product drop where the timer is the whole point.

If your site already exists and is only down for a while, look at our under maintenance templates instead.

Setting your launch date

Open index.html and find the countdown. The date is written on it as data-launch="2027-01-01T09:00:00" (in Cityview it is called data-deadline). Change it to your launch date and time and upload the page. If you leave it empty, the demo simply counts down a few weeks from the visitor’s first visit, which is fine for a preview but not for a real launch.

One detail people miss: a date written like the example is read in each visitor’s own time zone, so someone in London and someone in New York would see different launch moments. If the launch happens at one moment for everyone, add your time zone to the end, for example 2027-01-01T09:00:00+05:30 or Z for UTC.

Collecting the email addresses

The sign-up box checks the address and shows the thank-you message, but on its own it doesn’t store anything. Connect it to your newsletter tool (Mailchimp, Brevo, ConvertKit) or a form service such as Formspree, then send yourself a test sign-up. The included email, email-notify.html, can be pasted into most newsletter tools as your welcome message.

Coming soon pages and Google

Let Google see the page. Give it a real title with your brand name and what is coming, so the name starts to show up in search before launch day. When the site is ready, put the new home page at the same address; anything people shared or linked to before launch keeps working.

A maintenance page is different. If an existing site is down for a short while, have your server send the page with a 503 status (“temporarily unavailable”). Google then waits and comes back, instead of treating your maintenance message as your new content.