---
title: "Example: Timed Content"
description: Use Smart Content If you want to show content on your website that can only be accessed from a certain time or date.
---

[Skip to content](https://support.sitemanager.io/en/logic/timed-content/example-1-timed-content#main-content)

[![SiteManager Platform](https://support.sitemanager.io/hs-fs/hubfs/SM_Platform-logo.png?width=164&height=40&name=SM_Platform-logo.png)](https://support.sitemanager.io/en?hsLang=en)

Open main navigation

Close main navigation

- [Go to sitemanager.io](https://www.sitemanager.io/)

[Go to sitemanager.io](https://www.sitemanager.io/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://support.sitemanager.io/en?hsLang=en)
2. [Logic (Smart Content)](https://support.sitemanager.io/en/logic-smart-content?hsLang=en)
3. [Timed Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#timed-content)

# Example: Timed Content

## Use Smart Content If you want to show content on your website that can only be accessed from a certain time or date.

Our Smart Content module has recently been renamed to Logic. All documentation will be updated with the new name in the future.

 

With the Smart Content Module it's really easy to add time-sensitive content to your project. You can add content that starts from a certain date or time, ends at a certain date or time, or is visible between a certain date or time.

This logic can be applied to content, layouts, navigation menu and databases.

In our example we have a website where we have a brand new resort that's almost finished. Starting from a certain date and time visitors will be able to book on the site. Untill that time we will show a message when booking becomes available. 

 

<iframe class="hs-responsive-embed-iframe" height="315" src="https://www.youtube.com/embed/TYt8K6u-QTI" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" width="560" allowfullscreen data-service="youtube"></iframe>

 

If you haven't read the get started with smart content articles: you find them here:

[https://support.sitemanager.io/what-is-smart-content](https://support.sitemanager.io/what-is-smart-content?hsLang=en)

[https://support.sitemanager.io/installing-smart-content-premium-module](https://support.sitemanager.io/installing-smart-content-premium-module?hsLang=en)

[https://support.sitemanager.io/manage-smart-content](https://support.sitemanager.io/manage-smart-content?hsLang=en)

[https://support.sitemanager.io/smart-content-configuration](https://support.sitemanager.io/smart-content-configuration?hsLang=en)

[https://support.sitemanager.io/implement-smart-content](https://support.sitemanager.io/implement-smart-content?hsLang=en)

[https://support.sitemanager.io/smart-rules-in-the-sitemanager-cms](https://support.sitemanager.io/smart-rules-in-the-sitemanager-cms?hsLang=en)

 

![site\_time1](https://support.sitemanager.io/hs-fs/hubfs/site_time1.jpg?width=688&name=site_time1.jpg)

### Step 1. Timed Content Configuration

Make sure timed content is installed to your project: [https://support.sitemanager.io/installing-smart-content-premium-module](https://support.sitemanager.io/installing-smart-content-premium-module?hsLang=en)

We go to the code environment \> smart content to configure  time logic.

Note: timed content can also be used with the smart content input variable or code variables ([https://support.sitemanager.io/implement-smart-content](https://support.sitemanager.io/implement-smart-content?hsLang=en))

![timeconfig](https://support.sitemanager.io/hs-fs/hubfs/timeconfig.jpg?width=607&name=timeconfig.jpg)

Set your timezone (all time logic will be calculated in this timezone)

In our example we are going to use time for our content components and pages.

In the advanced settings for pages we also enable the time rules for menu buttons.

This will make sure our page is not visible in the menu until the date and time from the page rule is met. (more on this later).

### Step 2. Page and navigation time logic

We already build our booking page but we only want this page to be accessible from a certain date and time.

We use the main left or right menu to go to Page Management:

![pagemanagement](https://support.sitemanager.io/hs-fs/hubfs/pagemanagement.jpg?width=498&name=pagemanagement.jpg)

 

and click the settings icon next to the book now page.

![pagesettings-1](https://support.sitemanager.io/hs-fs/hubfs/pagesettings-1.jpg?width=688&name=pagesettings-1.jpg)

We click the plus icon to add a smart rule ([https://support.sitemanager.io/smart-rules-in-the-sitemanager-cms](https://support.sitemanager.io/smart-rules-in-the-sitemanager-cms?hsLang=en))

![pagerules](https://support.sitemanager.io/hs-fs/hubfs/pagerules.jpg?width=688&name=pagerules.jpg)

 

Select time logic and set the start date for the page.

![pageaddrule](https://support.sitemanager.io/hs-fs/hubfs/pageaddrule.jpg?width=688&name=pageaddrule.jpg)

We have configured in step 1 that this rule also applies to the navigation menu of the site. This means the Book Now button will not be visible until the start date and time is met. Even if you would visit the page url directly the page would be blank.

 

### Step 3. Set the content that expires

In the visual CMS we have created a content section that tells the visitor when booking will be available.

Click the options button to set the time logic using smart logic.

![availablesoon](https://support.sitemanager.io/hs-fs/hubfs/availablesoon.jpg?width=688&name=availablesoon.jpg)

We have set a time rules which will end when the booking page becomes available.

![availablesoonrule](https://support.sitemanager.io/hs-fs/hubfs/availablesoonrule.jpg?width=688&name=availablesoonrule.jpg)

 

### Step 4. Set the content that becomes available

We have created a booking section on the homepage that can only be visible from a certain date and time.

We click the options button again to add our smart rule.

![booking](https://support.sitemanager.io/hs-fs/hubfs/booking.jpg?width=688&name=booking.jpg)

Example of the smart rule that shows when the content will be visible on the website. You can always see if the content is currently visible or not.

![bookingrule](https://support.sitemanager.io/hs-fs/hubfs/bookingrule.jpg?width=688&name=bookingrule.jpg)

### Step 5. Publish website

The nice thing about timed content is that you can work on content in advance and publish your website. The content will automatically become visible or invisible when the time logic is met.

Screenshot before booking became available:

![site\_time1](https://support.sitemanager.io/hs-fs/hubfs/site_time1.jpg?width=688&name=site_time1.jpg)

Screenshot after booking became available:

![screenshot\_live2](https://support.sitemanager.io/hs-fs/hubfs/screenshot_live2.jpg?width=688&name=screenshot_live2.jpg)

 

 

- [Getting Started](https://support.sitemanager.io/en/getting-started?hsLang=en)
- [Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/dashboard?hsLang=en#getting-started)
    - [Project Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#project-dashboard)
    - [White Label & Add-ons](https://support.sitemanager.io/en/dashboard?hsLang=en#white-label-add-ons)
- [Account](https://support.sitemanager.io/en/account?hsLang=en#main-content)

    - [Account Settings](https://support.sitemanager.io/en/account?hsLang=en#account-settings)
    - [My Company](https://support.sitemanager.io/en/account?hsLang=en#my-company)
    - [Subscription](https://support.sitemanager.io/en/account?hsLang=en#subscription)
- [Project](https://support.sitemanager.io/en/project?hsLang=en#main-content)

    - [General](https://support.sitemanager.io/en/project?hsLang=en#general)
    - [Upgrade Project](https://support.sitemanager.io/en/project?hsLang=en#upgrade-project)
- [SEO](https://support.sitemanager.io/en/seo?hsLang=en#main-content)

    - [Basics](https://support.sitemanager.io/en/seo?hsLang=en#basics)
    - [Advanced](https://support.sitemanager.io/en/seo?hsLang=en#advanced)
- [Go Live](https://support.sitemanager.io/en/go-live?hsLang=en#main-content)

    - [Prepare Project](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-project)
    - [Prepare Domain](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-domain)
    - [Going Live](https://support.sitemanager.io/en/go-live?hsLang=en#going-live)
    - [Advanced](https://support.sitemanager.io/en/go-live?hsLang=en#advanced)
- [Content](https://support.sitemanager.io/en/content?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/content?hsLang=en#getting-started)
    - [Page Management](https://support.sitemanager.io/en/content?hsLang=en#page-management)
    - [Content Management](https://support.sitemanager.io/en/content?hsLang=en#content-management)
    - [Language Management](https://support.sitemanager.io/en/content?hsLang=en#language-management)
    - [Media Library](https://support.sitemanager.io/en/content?hsLang=en#media-library)
    - [Collaborating on a project](https://support.sitemanager.io/en/content?hsLang=en#collaborating-on-a-project)
- [Page Components](https://support.sitemanager.io/en/page-components?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/page-components?hsLang=en#getting-started)
    - [HTML](https://support.sitemanager.io/en/page-components?hsLang=en#html)
    - [CSS](https://support.sitemanager.io/en/page-components?hsLang=en#css)
    - [JavaScript (JS)](https://support.sitemanager.io/en/page-components?hsLang=en#javascript-js)
    - [How To](https://support.sitemanager.io/en/page-components?hsLang=en#how-to)
- [Layout Components](https://support.sitemanager.io/en/layout-components?hsLang=en)
- [No-Code Editor](https://support.sitemanager.io/en/no-code-editor?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/no-code-editor?hsLang=en#getting-started)
    - [Properties](https://support.sitemanager.io/en/no-code-editor?hsLang=en#properties)
    - [Advanced](https://support.sitemanager.io/en/no-code-editor?hsLang=en#advanced)
- [Design](https://support.sitemanager.io/en/design?hsLang=en#main-content)

    - [Overview](https://support.sitemanager.io/en/design?hsLang=en#overview)
    - [Design editor](https://support.sitemanager.io/en/design?hsLang=en#design-editor)
    - [Design Panels](https://support.sitemanager.io/en/design?hsLang=en#design-panels)
    - [Responsive](https://support.sitemanager.io/en/design?hsLang=en#responsive)
    - [Fonts](https://support.sitemanager.io/en/design?hsLang=en#fonts)
    - [Layouts](https://support.sitemanager.io/en/design?hsLang=en#layouts)
- [Code](https://support.sitemanager.io/en/code?hsLang=en#main-content)

    - [Introduction](https://support.sitemanager.io/en/code?hsLang=en#introduction)
    - [Token Management](https://support.sitemanager.io/en/code?hsLang=en#token-management)
    - [Project Setup](https://support.sitemanager.io/en/code?hsLang=en#project-setup)
    - [ToolStack](https://support.sitemanager.io/en/code?hsLang=en#toolstack)
    - [Private Library](https://support.sitemanager.io/en/code?hsLang=en#private-library)
- [Dynamic Content](https://support.sitemanager.io/en/dynamic-content?hsLang=en#main-content)

    - [Getting started](https://support.sitemanager.io/en/dynamic-content?hsLang=en#getting-started)
    - [Basics](https://support.sitemanager.io/en/dynamic-content?hsLang=en#basics)
    - [Advanced](https://support.sitemanager.io/en/dynamic-content?hsLang=en#advanced)
- [External Content](https://support.sitemanager.io/en/external-content?hsLang=en#main-content)

    - [Getting started](https://support.sitemanager.io/en/external-content?hsLang=en#getting-started)
    - [Configuration & implementation](https://support.sitemanager.io/en/external-content?hsLang=en#configuration-implementation)
- [Logic (Smart Content)](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#getting-started)
    - [Configuration & Implementation](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#configuration-implementation)
    - [Logic](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#logic)
    - [AB testing](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#ab-testing)
    - [Timed Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#timed-content)
    - [Password Protected Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#password-protected-content)
    - [Smart API](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#smart-api)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/integrations?hsLang=en#getting-started)
    - [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#integrations)
    - [Advanced](https://support.sitemanager.io/en/integrations?hsLang=en#advanced)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/modules?hsLang=en#getting-started)
    - [Modules](https://support.sitemanager.io/en/modules?hsLang=en#modules)
- [Upgrade Center](https://support.sitemanager.io/en/upgrade-center?hsLang=en#main-content)

    - [Components](https://support.sitemanager.io/en/upgrade-center?hsLang=en#components)
- [Forms](https://support.sitemanager.io/en/forms?hsLang=en#main-content)

    - [General](https://support.sitemanager.io/en/forms?hsLang=en#general)
    - [Captcha](https://support.sitemanager.io/en/forms?hsLang=en#captcha)
    - [Form Actions](https://support.sitemanager.io/en/forms?hsLang=en#form-actions)
    - [Extending Forms](https://support.sitemanager.io/en/forms?hsLang=en#extending-forms)
    - [Email Templates](https://support.sitemanager.io/en/forms?hsLang=en#email-templates)
    - [Advanced](https://support.sitemanager.io/en/forms?hsLang=en#advanced)
- [Cookie Settings](https://support.sitemanager.io/en/cookie-settings?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/cookie-settings?hsLang=en#getting-started)
    - [Configuration](https://support.sitemanager.io/en/cookie-settings?hsLang=en#configuration)
- [API Call](https://support.sitemanager.io/en/api-call?hsLang=en#main-content)

    - [Configuration](https://support.sitemanager.io/en/api-call?hsLang=en#configuration)

[![SiteManager Icon](https://support.sitemanager.io/hs-fs/hubfs/logo_icon_big.png?width=15&height=24&name=logo_icon_big.png "SiteManager Icon")](https://support.sitemanager.io/en?hsLang=en)

 

<https://www.facebook.com/TeamSiteManager/> <https://twitter.com/TeamSiteManager/> <https://www.instagram.com/teamsitemanager/> <https://www.linkedin.com/company/sitemanager/> <https://www.youtube.com/user/SiteMNGR/>

Copyright © 2026, SiteManager Group