Latest SeedProd News

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

What Is a Splash Page + 9 Steps to Create Your Own

How to Create a WordPress Splash Page in 9 Steps 

Written By: author avatar Stacey Corrin
author avatar Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: reviewer avatar Turner John
reviewer avatar Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

TL;DR: How to Create a WordPress Splash Page in 9 Steps

A WordPress splash page is a full-screen intro that appears before your homepage, designed to capture attention and direct visitors to a specific action.

  1. What it is — A splash page (also called a welcome page or intro screen) appears before your main site, not instead of it.
  2. Common uses — Email collection, product launches, age verification, country/language selection, and announcements.
  3. Key requirement — Always include a visible skip/enter link so visitors can move past it and Google can crawl your main content.
  4. Recommended tool — SeedProd, a drag-and-drop website builder for WordPress that includes ready-made splash page templates.
  5. Time to build — Around 9 steps from install to publish; no coding required.

You’ve got a product launch coming up, but your homepage tells a different story. Visitors land on it and see your full site, your navigation, your blog, your pricing — when what you need them to see first is one focused message.

That’s exactly where a WordPress splash page earns its place. Most splash pages fail not because the idea is wrong, but because they’re too heavy, too slow, or missing a skip option. This is what frustrates visitors and can hurt your SEO before anyone reads a word.

In this guide, I’ll explain exactly what a splash page is and show you step-by-step how to create one using SeedProd, a drag-and-drop website builder for WordPress beginners.

What Is a WordPress Splash Page?

A WordPress splash page is a full-screen introductory page that appears before your homepage, designed to capture attention and direct visitors to a specific action before they reach your main site.

It can include your logo, a welcome message, or key details like a special offer. Many sites use splash screens for age verification, under construction notices, or language and location selection.

What Is the Purpose of a WordPress Splash Page?

The purpose of a WordPress splash page is to capture attention before visitors reach your main site and guide them to the right next step.

  • Promote a special offer or new product
  • Show an age verification disclaimer
  • Highlight an upcoming event
  • Collect contact details and grow your email list
  • Promote your social media profiles
  • Tell visitors your new website is coming soon

In short, a well-designed welcome page creates a strong first impression and moves visitors exactly where you need them.

Splash Page vs. Landing Page

A splash page and a landing page are easy to confuse, but they serve completely different purposes.

Splash PageLanding Page
When it appearsBefore your homepage, on entryStandalone page for a specific campaign
Main purposeBrief intro, verification, or announcementCapture leads or drive a conversion
Skip/exit optionRequired (visible skip link)None by design (no navigation)
SEO focusNot a primary conversion pageOptimized for one specific keyword/action

A splash screen works as a gatekeeper for a moment. A landing page is the destination. If you’re running a campaign targeting a specific keyword, you want a landing page. If you want to introduce or gate your site before visitors reach it, you want a splash page.

A coming soon page is different again. It’s a temporary measure while your site is being built. A splash page is permanent. It’s a feature of a live site, not a placeholder before it launches.

What Should You Include in a Splash Page?

A good splash page includes just the essentials — enough to introduce your site, share key info, and let visitors move forward quickly.

  • Logo or design elements: Instantly reinforces your brand.
  • Short message or mission statement: Explains the purpose of your site.
  • Navigation links: Direct visitors to the right area of your website.
  • Skip option: Lets users bypass the splash page if they prefer.
  • Loading indicator: Shows progress if your site takes a moment to load.
  • Language or location selector: Helpful for global audiences.

The goal is to keep it simple. Make your splash page clear, fast, and easy to skip when needed.

How Do I Create a WordPress Splash Page?

The fastest way to create a WordPress splash page is with SeedProd. You get a professional page in minutes without touching code or hiring a developer.

SeedProd Drag-and-drop WordPress website builder

SeedProd comes with pre-built templates, point-and-click customization, and built-in coming soon and maintenance mode options so you can work privately while keeping your site looking professional.

Here’s what makes SeedProd stand out:

  • Start from a ready-made template and skip the blank-page problem
  • Drop in lead-capture forms, giveaway blocks, and sign-up fields without extra plugins
  • Connect your email service in one click without leaving the builder
  • See every change live as you make it — no guessing, no refreshing
  • Preview and adjust your mobile layout inside the same editor
  • Lightweight code that loads in 556ms — 3.4x faster than Elementor (1,882ms) in my GTmetrix testing

Because SeedProd is optimized for speed, you get better performance from day one , which matters for SEO and for the first impression your splash screen makes.

If you want to launch a splash page quickly and effectively, here’s how to do it step by step with SeedProd.

Step 1. Install SeedProd WordPress Landing Page Builder

First, click here to get started with SeedProd and download the plugin. Then, install and activate the plugin on your WordPress website. If you need help with this, check out this tutorial for installing a WordPress plugin.

After activating SeedProd, you’ll see a welcome screen asking you to enter your license key. You’ll find it in the email you used to register, or by logging in to your SeedProd account and checking the Downloads section.

Copy your license key, paste it into the field provided, and click the Verify Key button.

Enter SeedProd license key to activate the plugin

Next, scroll a short way down the page and click the Create Your First Page button.

Create your first splash page with SeedProd

Step 2. Create a New Landing Page in WordPress

On the following screen is SeedProd’s landing page dashboard. You’ll see several page modes across the top, including Coming Soon Mode, Maintenance Mode, and 404 Page.

Overview of the SeedProd landing page dashboard

You can activate each mode with a single click to show customized landing pages to your website visitors.

Beneath the different page modes is where your landing pages are displayed after creating them. You won’t see anything in this section yet, but they’ll show in a list once you’ve made them.

Create a new landing page in SeedProd

To make your first page, click the Create New Landing Page button.

Step 3. Choose a WordPress Splash Page Template

The next page shows SeedProd’s library of responsive landing page templates. Each design is fully customizable in the drag and drop builder.

SeedProd landing page template library

To help you find a template quickly, you can filter them by category. Just click any category label along the top to see the available:

You can also use the search box to refine your results further.

Pick a template that closely resembles how you want your splash page to look. Then hover your mouse over the template image, and click the tick icon.

Hover over the template and click the tick icon to choose a landing page template

For our example, we chose the Personal Links lead squeeze template, which we’ll customize to use as a splash page.

After picking your template, you’ll see a popup asking you to enter your page name and URL.

Enter your splash page name and URL

You can then click the Save and Start Editing the Page button to launch your template in the visual editor.

Step 4. Add Content to Your Splash Page

SeedProd’s visual editor has 2 distinct sections: on the left is a panel showing all the page blocks and sections you can use, and on the right is a live preview of how your page looks.

SeedProd drag and drop page builder interface with live preview

Adding content to your page is as simple as dragging a block from the left-hand panel and dropping it onto your preview on the right.

Clicking any element on your page shows that block’s settings in the left-hand panel.

For example, you can click the image block to remove the original photo and replace it with yours.

Remove and add a new landing page image in SeedProd

SeedProd’s landing page blocks come in 2 sections: Standard and Advanced blocks.

Standard blocks are the essential elements you need for any page, including images, buttons, spacers, dividers, lists, and more.

Standard landing page blocks in SeedProd editor

The Advanced blocks are a little different in that they’re focused mainly on lead generation.

Advanced lead generation blocks in SeedProd editor

This means with just a few clicks, you can insert contact forms, giveaways, sign-up forms, star ratings, anchor links, and more to your page.

The majority of SeedProd’s blocks also include pre-made templates. You can implement these different styles with a single click, meaning you won’t need to customize each block manually.

For instance, clicking the Button block and selecting the Templates tab shows several different button styles to choose from.

Button block template options in SeedProd

Besides individual blocks, SeedProd has landing page Sections. You don’t need to build entire page sections manually, block by block. You can see the different areas by clicking the Sections tab.

SeedProd landing page sections library

From there, you can choose a new:

SeedProd pre-built landing page sections

Continue adding content to your splash page until it includes all the information you want visitors to see.

You can save your progress by clicking the green Save button in the top-right corner.

Step 5. Customize Your Splash Page Design

With your content in place, chances are some parts of your WordPress splash page design still don’t look right. Maybe the background color is wrong, or your fonts look out of place.

The good news is you can change all of these things using SeedProd’s easy customization settings.

Just click the gear icon in the bottom-left corner of your screen to see your Global Settings.

Global landing page customization settings in SeedProd

In this area, you can customize your global:

  • Background
  • Colors
  • Fonts
  • Custom CSS

Under the Fonts heading, you can change your global header and body fonts and weights. Just choose a new font or weight from the respective drop-down menus.

Global font settings in SeedProd page builder

Alternatively, you can browse SeedProd’s curated library of font combinations by clicking the Font Themes button.

SeedProd font theme pairings for landing pages

This shows you which fonts look the best together. Just click any font pairing to add your selection to your page instantly.

The Colors heading works in the same way. You can individually select different colors for global links, headers, text, buttons, and backgrounds with the handy color picker tool.

Global color settings panel in SeedProd

Or, if you prefer, you can click the Color Palettes button to choose from 20+ premade color schemes.

SeedProd premade color palettes for landing pages

The Background section provides an easy way to customize your splash page background. You can set it as a solid color or gradient or upload a full-width background image from your WordPress media library or computer.

Global background settings for WordPress splash page in SeedProd

It’s also possible to add a video background or background slideshow by selecting the toggle for each setting.

Remember to click Save to preserve your customization settings.

Step 6. Connect Your Email Marketing Provider

Many splash pages offer users a free download in exchange for their contact details. To create this type of splash page, you’ll need the ability to connect your email marketing service.

Unlike other page builders that only connect to a few providers, SeedProd integrates with popular email newsletter services, including:

Just click the Connect tab at the top of the page builder to see the available providers. Then select your preferred service and follow the instructions to authorize your account.

Connect to an email marketing service with SeedProd

You can also use Zapier to link your page with thousands of other popular applications to automate your marketing efforts.

Don’t worry if you don’t have an email marketing provider yet.

Instead, you can use SeedProd’s built-in subscriber management dashboard. Whenever someone subscribes via your splash page, their details are stored automatically on your WordPress website.

SeedProd subscriber management dashboard in WordPress

You can see them by visiting SeedProd » Subscribers from your WordPress dashboard.

Step 7. Configure Your Page Settings

Now that you’ve finished designing your splash page, you’ll want to configure a few necessary settings. To do that, click the Page Settings tab at the top of the page builder.

SeedProd WordPress splash page settings panel

On this page, you can change the settings for your pages:

  • General details – Change your page name and URL, and set it to draft or published.
  • SEO – Fill in your on-page SEO information using relevant keywords in the page title and meta description via an SEO plugin like All in One SEO.
  • Analytics – View your splash page performance with an analytics plugin such as MonsterInsights.
  • Scripts – Enter tracking and retargeting scripts such as cookies or Facebook tracking pixels.

Remember to click the Save button before moving on to the next step.

Tip: Who should see your splash page?

For most use cases, you’ll want to show the splash screen to first-time visitors only, not to returning visitors who already know your site. You can also set it to appear on your homepage only — not every page — and to show only to logged-out users if you’re running a members-only announcement.

SeedProd’s page settings let you control the page URL and status directly, so plan your targeting strategy before you publish.

Step 8. Check Your Page is Mobile Friendly

Almost everyone browses the internet from mobile devices nowadays. To offer a more streamlined experience to those particular website visitors, you’ll need a mobile-friendly splash page.

This is why SeedProd has a built-in mobile preview option. Just click the mobile preview icon to see how your splash page looks on mobile devices.

Click the mobile preview icon in SeedProd editor

If anything doesn’t look right, you can quickly adjust things until you have a page that visitors can browse easily from their phones, tablets, laptops, or desktops.

WordPress splash page mobile preview in SeedProd

Click the same icon to switch back to the original desktop view.

Don’t worry; you won’t lose your changes. Any changes you make in the mobile view are applied to the desktop view.

Just remember to click the Save button.

Step 9. Publish Your WordPress Splash Page

Now that your design looks exactly how you want, it’s time to publish your splash page on your WordPress site.

To do this, click the down arrow next to the Save button and select Publish.

Click the publish button to go live with your splash page

You’ll then see a popup telling you your page is now live.

Your WordPress splash page has been published confirmation screen

Click the See Live Page button to see how it looks.

WordPress splash page preview and example made with SeedProd

Tip: “Enter Website” button design.

One of the most popular splash page patterns is a minimal intro screen with a single “Enter Website” or “Click to Enter” button. To build this in SeedProd, keep your content to your logo and one headline, then drop in a Button block with your CTA text pointing to your homepage URL.

Keep the button large enough to tap on mobile. This design works well for brand-statement splash pages and restricted-content sites.

Bonus: Using SeedProd for a complete launch workflow.

If you’re building a new site, you can use SeedProd’s Coming Soon mode as a pre-launch splash screen while the site is being built, then swap to a permanent splash page the moment you go live. This keeps your visitors in the loop at every stage — and it’s a workflow no third-party builder can replicate, because it depends on SeedProd’s built-in Coming Soon mode.

How Do I Improve My WordPress Splash Page Over Time?

The best way to improve your splash page is to run A/B tests and see which version drives more results.

A/B testing (or split testing) compares two versions of a page: version A (the control) and version B (with one change). That change can be a different call to action, a new color scheme, a layout tweak, or even a full redesign.

By sending traffic to both versions and tracking conversions, you’ll know which design performs better. I use a duplicate-and-test approach with SeedProd: duplicate your published page, make one change to the copy, and toggle between the two to see which gets more clicks over the same traffic period.

If you want a dedicated split-testing tool, VWO works with SeedProd pages and gives you statistical confidence scores so you’re not just guessing.

How Do I Optimize My WordPress Splash Page for SEO and Speed?

A splash page that loads slowly or blocks Google from reaching your main content can hurt your overall SEO. Here’s what to get right.

Keep it lightweight. No autoplay video, no large uncompressed images, no scripts that block rendering. A slower splash screen is a worse first impression and search engines notice pages that delay access to your content.

Include a visible skip or enter link. Google’s crawler needs a way past your splash page to reach your main content. If there’s no skip link, your homepage may not get indexed properly. Every splash page I’ve built with SeedProd includes a button or text link that takes visitors (and Google) straight to the main site.

Test mobile performance before publishing. Your intro screen is the first thing mobile visitors see. If it takes more than 2 seconds to load on a phone, a significant chunk of your visitors will leave before they’ve seen anything else.

Use a builder that doesn’t add bloat. In my GTmetrix testing, SeedProd loaded in 556ms — compared to 1,882ms for Elementor. That 3.4x difference shows up in your Core Web Vitals and affects how quickly Google can reach your main content through the splash screen.

WordPress Splash Page Examples

Looking at real-world splash pages is the fastest way to understand what works. These four examples each serve a different purpose, so you can model whichever matches your use case.

Zara: Country and Language Selector

zara language selection splash page

Visitors choose their region before entering the main site. This is the classic global-brand use case: the splash screen routes shoppers to the correct localized store, reducing irrelevant content and currency confusion.

Spritz Society: Age Verification Gate

Spritz Society: Age Verification Gate splash page

Minimal copy, gradient background, single yes/no button. A clean example of how alcohol and restricted-content brands use a splash screen to comply with legal requirements without heavy design overhead.

Jack Daniel’s: Age verification with Birthdate Entry

Jack Daniel's: Age verification with Birthdate Entry splash page

Instead of a simple yes/no button, visitors enter their full date of birth before the site loads. This form-based approach is the standard for major spirits brands and shows how an age gate can be frictionless while still meeting compliance requirements.

Shiseido: Region and Language Selector

Shiseido: Region and Language Selector splash page

Visitors choose their country before entering, and the splash screen uses full-screen imagery and a clean “Enter” prompt to set the tone before a single product page loads. It shows how a geo-selector can do more than route traffic; it can communicate who you are.

If you want to build any of these patterns with SeedProd, check the template library for a layout that closely resembles what you’re looking for. You can also start from landing page best practices to get the structure right before customizing.

FAQs About WordPress Splash Pages

What is the difference between a splash page and a coming soon page?

A splash page is a permanent feature of a live site. It appears before your homepage to serve a specific purpose — age verification, email collection, or a brand intro — while your main site is fully accessible behind it.

A coming soon page is temporary. It replaces your main site while it’s still being built and is removed once you launch. The two pages look similar but serve completely different stages of a site’s life.

How do I show my WordPress splash page only to first-time visitors?

SeedProd doesn’t have a native first-visit cookie filter, but you can achieve this with a few approaches. One option is to use a plugin like Redirect Engine or a lightweight cookie script that sets a flag after the first visit so returning visitors skip the splash page automatically.

Another approach is to use your splash page as a SeedProd Coming Soon page temporarily, which is shown only to visitors who aren’t logged in — a good fit if your audience is mostly new traffic.

How do I remove a WordPress splash page?

In SeedProd, go to SeedProd » Landing Pages from your WordPress dashboard. Find your splash page in the list and set its status to Draft or click Delete.

If you used a redirect to route visitors to the splash page, make sure to remove that redirect as well so visitors go directly to your homepage.

What is the difference between a splash page and a landing page?

A splash page is a brief intro screen that appears before your homepage. It has a visible skip link and is not built for conversion — it’s built for a specific moment (announcement, verification, brand intro).

A landing page is a standalone page built around one conversion goal, with no navigation or exit links. Landing pages are used for campaigns: lead capture, product sales, webinar registrations. The two serve different jobs and should not be used interchangeably.

Are WordPress splash pages bad for SEO?

Not if they’re built correctly. A splash page that loads fast, includes a visible skip link, and doesn’t block Google’s crawler from reaching your main content won’t hurt your rankings.

Where splash pages cause SEO problems: slow load times that affect Core Web Vitals, missing skip links that prevent crawlers from indexing your homepage, and intrusive interstitials on mobile (which Google penalizes). Keep your splash screen lightweight and skippable and it won’t be a problem.

Ready to create your own? With SeedProd, you can build and publish a professional splash page in a single afternoon.

You might also find these guides helpful while setting up your splash page:

Thanks for reading! We’d love to hear your thoughts, so please feel free to join the conversation on YouTube, X and Facebook for more helpful advice and content to grow your business.

author avatar
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

[weglot_switcher]
Run this WordPress site by chatting with ChatGPT or Claude. Free plugin. Try it free