Overview

The Zozo Coming Soon widget allows you to create beautiful coming soon pages with a live countdown timer using Elementor. It supports three countdown sources: a completely manual countdown, the next upcoming event, or a manually selected event from Event Builder.

The widget also includes animated backgrounds, promotional video support, custom titles and descriptions, background images, and overlay colors, making it ideal for product launches, conferences, webinars, event announcements, maintenance pages, and pre-launch campaigns.

---

Content Settings

Overview

The Content section controls what the Coming Soon page displays and where the countdown information comes from.

---

Countdown Type

Choose how the countdown timer should be generated.

Available Options

• Manual Coming Soon
• Next Upcoming Event
• Select Event

---

Manual Coming Soon

Create a completely custom coming soon page without linking it to an event.

This option allows you to enter your own title, description, and countdown date.

Ideal for:

• Website Launches
• Product Releases
• Business Openings
• Marketing Campaigns
• Maintenance Pages

---

Next Upcoming Event

Automatically displays the countdown for the nearest upcoming event.

This option updates automatically whenever new events are published, making it perfect for event websites with regularly scheduled events.

---

Select Event

Choose a specific event from your Event Builder events.

This option is useful when promoting a featured conference, workshop, webinar, or special event.

---

Title

Enter the main heading displayed on the Coming Soon page.

Examples include:

• Coming Soon
• Launching Soon
• Our Next Event
• Conference Begins Soon
• Stay Tuned

The title helps visitors immediately understand the purpose of the page.

---

Description

Enter a short message displayed beneath the title.

Examples include:

• Stay tuned for something amazing!
• Registration opens soon.
• We are preparing an unforgettable experience.
• Our next conference starts shortly.
• Exciting announcements are coming soon.

This section provides additional information and builds anticipation.

---

Select Date & Time

Available when Manual Coming Soon is selected.

Choose the exact date and time when the countdown should end.

The countdown automatically updates in real time until the selected date is reached.

---

Select Event

Available when Select Event is chosen.

Select the event that should be used for the countdown.

The widget automatically retrieves the event title, featured image, and event start date from the selected event.

---

Video Settings

Overview

Display an optional promotional video button to increase visitor engagement before launch.

---

Enable Video Button

Display or hide the video button.

Options

• Yes
• No

When enabled, visitors can watch a promotional or teaser video directly from the Coming Soon page.

---

Video URL

Enter the URL of the promotional video.

Supported video sources include:

• YouTube
• Vimeo
• Self-hosted Videos

Example:

https://youtube.com/

---

Video Text

Customize the text displayed on the video button.

Examples include:

• Watch Promo Video
• Watch Trailer
• Event Preview
• View Announcement
• Play Introduction

---

Background & Animation

Overview

The Background & Animation section controls the visual appearance of the Coming Soon page.

Create modern landing pages using animated backgrounds, overlays, and custom images.

---

Enable Background Animation

Enable or disable animated background effects.

Options

• Yes
• No

Animated backgrounds create a more engaging visitor experience while keeping the page visually appealing.

---

Animation Type

Choose the animation style for the background.

Available Options

• Gradient Flow
• Glow Blobs
• Particles
• All Combined

---

Gradient Flow

Creates a smooth animated color gradient that continuously flows across the background.

Ideal for modern landing pages.

---

Glow Blobs

Displays animated glowing circles that slowly move around the page.

Creates a premium and futuristic appearance.

---

Particles

Adds lightweight floating particles that animate across the screen.

Suitable for technology events, conferences, and product launches.

---

All Combined

Combines gradient animations, glow blobs, and particles to create a highly dynamic animated background.

Best suited for premium event landing pages.

---

Background Image

Upload a custom background image for the Coming Soon page.

For the best appearance:

• Use high-resolution images.
• Choose images with sufficient space for text.
• Optimize images for fast loading.

---

Overlay Color

Apply a color overlay above the background image.

The overlay improves text readability while allowing the background image to remain visible.

You can adjust the overlay color to match your website branding.

---

Countdown Display

Overview

The widget displays a live countdown timer showing the remaining time until the selected date or event.

The countdown typically includes:

• Days
• Hours
• Minutes
• Seconds

The timer updates automatically without requiring page refreshes.

---

Interactive Features

Overview

The Coming Soon widget includes several interactive features designed to improve visitor engagement.

Features include:

• Live Countdown Timer
• Manual Countdown Mode
• Automatic Event Detection
• Manual Event Selection
• Promotional Video Button
• Animated Background Effects
• Background Image Support
• Overlay Color Control
• Responsive Layout
• Real-Time Countdown Updates

---

Responsive Design

The Coming Soon widget is fully responsive.

Layouts automatically adjust for:

• Desktop
• Tablet
• Mobile Devices

Backgrounds, countdown timers, typography, and buttons remain optimized across all screen sizes.

---

Notes

• The widget supports Manual Coming Soon, Next Upcoming Event, and Select Event countdown modes.
• Live countdown timers update automatically in real time.
• Promotional videos can be displayed using YouTube, Vimeo, or other supported video URLs.
• Background animations are powered by GSAP for smooth visual effects.
• The widget is fully responsive and optimized for desktop, tablet, and mobile devices.
• Additional customization options for colors, typography, spacing, buttons, countdown styles, backgrounds, overlays, and animations are available under the Style tab in Elementor.