How to Show Different Hero Banners Based on Time of Day in WordPress (No Code Needed)

Static banners fade into the background. Dynamic ones greet early-birds with a coffee coupon, afternoon shoppers with a lunch deal, and night owls with a dinner special—all on autopilot. Below you’ll build three time-aware hero banners in the WordPress block editor using Conditional Blocks. The whole process takes under ten minutes and works with any theme.

---

Why Dynamic Hero Blocks Boost Conversions

• Set-and-forget scheduling—no more 6 a.m. login to swap promotions
• Performance-first—Conditional Blocks runs on the server, no extra scripts.

---

Install & Activate Conditional Blocks

1. In your WordPress dashboard go to Plugins → Add New
2. Search “Conditional Blocks” (by Conditional Blocks)
3. Install now → Activate
   (Pro gives you time/date rules; unlimited schedules, geolocation, WooCommerce, MemberPress, and more.)

Open any page in the block editor and select a block. You should now see a Visibility panel in the right sidebar—this is where the magic happens.

---

Build Three Time-Sensitive Hero Banners

1. Add a Group block where you want the hero area (full-width if your theme allows)
2. Inside the Group insert:

• Image block (breakfast photo)
• Heading (“Good morning! Coffee & croissant ¤1”)
• Button (“Grab coupon” → link to checkout or coupon page)

1. Duplicate the Group two times. Rename duplicates “Afternoon Hero” and “Evening Hero” in List View
2. Swap images and copy for each mealtime (lunch deal, dinner special)

You now have three banners stacked in the same spot—next we’ll show only the correct one based on the visitor’s clock. You now have three banners stacked in the same spot—next we’ll show only the correct one based on the visitor’s clock.

---

Add Time-Based Visibility Rules

1. Select the Morning Hero Group
2. In the Visibility panel click Add Condition → Time / Date

• Start time: 06:00
• End time: 11:00
• Tick Repeat every day

1. Repeat for the other two banners:

• Afternoon Hero: 11:00–17:00
• Evening Hero: 17:00–23:00

1. Click Preview As (top-right toolbar) → choose time 08:00. Only the breakfast banner should appear. Switch to 12:00—lunch shows. Switch to 18:00—dinner appears

Publish when satisfied. Conditional Blocks uses the visitor’s browser time; no server-crontab needed.

See the full documentation for date related conditions.

---

Combine with WooCommerce or MemberPress (Pro)

Need more finesse? Pro users can stack conditions:

• Upsell high spenders: replace the afternoon banner condition with Cart Value > $50 (WooCommerce)
• VIP flair: show the evening hero only to Gold Members (MemberPress)
• Double targeting: time 17:00–23:00 AND user role = Gold → ultra-personalized dinner coupon

Because conditions are independent, mix-and-match without writing a single if statement.

Publish & Check

1. Hit Update and open the page on the front end
2. Change your device clock or use incognito windows to simulate different hours
3. Future edits are painless: swap images or promo copy inside any banner; the visibility schedule stays untouched

---

Conclusion

Three banners. One block area. Zero code. Twenty-four-hour automation.
Grab Conditional Blocks free from WordPress.org and drop your first dynamic hero in the comments—we’d love to see what you cook up!