All Patterns

Coming Soon

Required: Countdown Script

This pattern requires a JavaScript snippet to power the countdown timer. Add it to your site using one of these methods:

Option 1: Download from this GitHub Gist and place in wp-content/mu-plugins/

Option 2: Add the code to your theme’s functions.php

Option 3: Add to a custom functionality plugin

Configurable Data Attributes

Edit these attributes on the root .coming-soon section element via the Attributes Bar (Cmd+K) or HTML Panel:

Attribute Default Description
data-target-date 2025-12-31T00:00:00 ISO date/time for countdown target
data-show-days true Show/hide days unit
data-show-hours true Show/hide hours unit
data-show-minutes true Show/hide minutes unit
data-show-seconds true Show/hide seconds unit
data-expired-message We’re Live! Message shown when countdown ends

Usage Notes

  • Countdown is disabled in the Etch editor (shows static 00 values)
  • View on frontend to see live countdown
  • Subscribe form action needs to be connected to your email service