Marketing · Gutenberg
Launch Waitlist block for WordPress
Product or service launch section with live countdown timer, email waitlist form, feature teasers, and social proof. For pre-launch landing pages.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Product or service launch section with live countdown timer, email waitlist form, feature teasers, and social proof. For pre-launch landing pages.
Inspector panels on this block: Layout, Countdown, Form, Benefits & Social Proof. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Centered, Split (text | form).
Where to find it
Gutenberg inserter → Marketing → search “Launch Waitlist” (block name `blockenberg/launch-waitlist` in block.json). Style it in the sidebar after insert.
How to use Launch Waitlist block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Launch Waitlist”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Layout. Set “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Show Countdown Timer”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Layout | Select control; the chosen value is saved on the block. Options: Centered; Split (text | form). block.json default: centered. Saved as `layout`. |
| Max Width (px) | Numeric range control in the inspector. Range 400–1400. block.json default: 680. Saved as `maxWidth`. |
| Padding Top (px) | Numeric range control in the inspector. Range 0–240. block.json default: 100. Saved as `paddingTop`. |
| Padding Bottom (px) | Numeric range control in the inspector. Range 0–240. block.json default: 100. Saved as `paddingBottom`. |
| Show Countdown Timer | On/off toggle in the inspector. On by default. Saved as `showCountdown`. |
| Launch Date (ISO format, e.g. 2025-12-31) | Text field in the inspector. Saved as `launchDate`. |
| Placeholder | Text field in the inspector. block.json default: Enter your email address. Saved as `formPlaceholder`. |
| Submit Button Label | Text field in the inspector. block.json default: Join the Waitlist. Saved as `formSubmitLabel`. |
| Form Action URL (optional) | Text field in the inspector. Saved as `formAction`. |
| Success Message | Multiline text field in the inspector. block.json default: 🎉 You're on the list! We'll be in touch soon.. Saved as `successMessage`. |
| Show Benefits | On/off toggle in the inspector. On by default. Saved as `showBenefits`. |
| Benefit ' + (idx + 1), 'blockenberg | Text field in the inspector. |
| Show Social Proof | On/off toggle in the inspector. On by default. Saved as `showSocialProof`. |
| Social Proof Text | Text field in the inspector. block.json default: Join 1,200+ people already on the list. Saved as `socialProof`. |
| Colors — Background | Color control in the inspector. block.json default: #0f172a. Saved as `bgColor`. |
| Accent | Color control in the inspector. block.json default: #6366f1. Saved as `accentColor`. |
| Heading | Color control in the inspector. block.json default: #f8fafc. Saved as `headingColor`. |
| Subtext | Color control in the inspector. block.json default: #94a3b8. Saved as `subColor`. |
| Badge BG | Color control in the inspector. block.json default: rgba(99,102,241,0.2). Saved as `badgeBg`. |
| Badge Text | Color control in the inspector. block.json default: #a5b4fc. Saved as `badgeColor`. |
| Countdown Card BG | Color control in the inspector. block.json default: #1e293b. Saved as `countdownBg`. |
| Countdown Numbers | Color control in the inspector. block.json default: #f8fafc. Saved as `countdownNumColor`. |
| Input BG | Color control in the inspector. block.json default: #1e293b. Saved as `inputBg`. |
| Input Text | Color control in the inspector. block.json default: #f1f5f9. Saved as `inputColor`. |
| Submit BG | Color control in the inspector. block.json default: #6366f1. Saved as `submitBg`. |
| Submit Text | Color control in the inspector. block.json default: #ffffff. Saved as `submitColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
- Submit/load uses fetch or wp.apiFetch on the published page, not the editor canvas.
When this is the right block
- Product or service launch section with live countdown timer, email waitlist form, feature teasers, and social proof. For pre-launch landing pages — that is the job of Launch Waitlist, not a generic content block.
- Use it when you need the editor control labeled “Max Width (px)”, which exists on this block’s inspector.
- It matches pages about launch, waitlist, pre-launch.
- Inserter grouping: landing pages, campaign sections, and conversion layouts.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Launch Waitlist block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Launch Waitlist”. It sits under Marketing. After insert, open Layout and set “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Show Countdown Timer”.
What makes Launch Waitlist different from other Blockenberg blocks?
Product or service launch section with live countdown timer, email waitlist form, feature teasers, and social proof. For pre-launch landing pages. Inspector labels on this block include “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Show Countdown Timer”.
Is the Launch Waitlist Gutenberg block free?
Yes. Launch Waitlist ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Launch Waitlist to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Layout, Countdown, Form, Benefits & Social Proof).
Related marketing blocks
Coming Soon
Launch countdown page section with logo, heading, subtitle, live countdown timer, optional email capture field, social links, and background controls.
CTA with Countdown
Urgency-driven CTA section with a live countdown timer, headline, and call-to-action buttons.
Feature Announcement
Announce new product features, improvements, or updates with version badge, highlights list, and CTA.
Multi-Step Form
A wizard-style multi-step lead capture form with step indicator, per-step fields, and success message.
Offer Card
Special offer and deal card with urgency badge, original/sale price, includes list, CTA, and optional countdown timer.
Social Proof Popup
Floating FOMO notification popups that cycle through social proof entries like purchases, signups, and reviews.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Launch Waitlist from the Gutenberg inserter.