FREE PLUGIN / TOOL
Squarespace
Content Timer
The Content Timer brings advanced content scheduling and visibility control to your Squarespace website.
This tool generates a ready-to-use code snippet to automatically show and hide sections or blocks based on dates, times, daily schedules, or custom conditions. Just paste the generated code and watch your content respond intelligently to time-based triggers.
This tool is offered free to the Squarespace community as our commitment to empowering creators and professionals with better workflow solutions.
Watch a Video.
Learn how to use the tool and get inspiration
Inspiration and Use Cases
Marketing & Promotions
Flash Sales: Automatically display limited-time offers during specific hours or dates
Seasonal Campaigns: Show holiday promotions only during relevant months
Product Launches: Reveal new products exactly at launch time across all time zones
Event Countdown: Display registration sections leading up to events, then switch to recap content
Business Operations
Business Hours Display: Show "We're Open" banners only during operating hours
Service Availability: Display booking sections when staff is available
Maintenance Windows: Automatically show maintenance notices during scheduled downtime
Location-Specific Content: Rotate content for different business locations by day
Content Strategy
Summary Block: Show different topics (filter applied) on various days of the week
Content Compare Testing: Test different headlines, CTAs, or layouts on alternating days/weeks
Dynamic Testimonials: Rotate customer reviews to keep pages feeling fresh
Seasonal Branding: Switch hero sections, color schemes, or messaging by season
Weekly Features: Showcase different team members, services, or portfolio pieces each day
User Experience
Personalized Journeys: Show different content paths for return visitors
Progressive Disclosure: Gradually reveal information over multiple visits
Time-Sensitive Support: Display different help sections during peak/off hours
Content Freshness: Ensure repeat visitors see varied homepage content
How it works - Installation Guide
1. Setup
Select a Target Type.
Sections are large page areas (like headers, content areas, or footers) that contain multiple elements.
Blocks are individual content pieces within sections (like text, images, or buttons).
Next, choose an option from the configurator and set the date and/or time condition(s). Those rules will be compared with the browser date and time of the individual website user. This also ensures that the same rules apply across different time zones
Compare Mode (optional):
The “Compare Mode” allows you to switch between two sections or blocks based on certain rules. For instance, you can test two dedicated header sections against each other during certain time frames, days of the week, or even/uneven weeks. Afterwards, you can take a look at the analytics or compare order volume.
Note: The regular Visibility Mode will be disabled if Content Compare Mode is active.
2. Identify the Section or Block ID on your Website
Every section or block on your Squarespace website has a unique ID. This ID is also used when you, for instance, want to apply a CSS rule only to a certain block. Here are two ways to identify the correct IDs.
Use the ID Finder Browser Extension (recommended)
This is a handy tool that shows you the ID of Sections and Blocks
Install the Extension - by Will Myers
Use the Browser Console
If you are not scared of looking at the code inspector, you can also find the IDs for each block there.
3. Copy/Paste the Code
Next, go to PAGES within your Squarespace website and click the Gearwheel (Settings) Icon of the page where you want to apply the code.
4. Injection
Click Advanced and paste the code snippet into the “Page Header Code Injection”
Save & Done
Share your
Feedback and Thoughts!
Thanks!
Gloria & Armin