What Is a Splash Page + 9 Steps to Create Your Own
Want to know what a splash page is and how to use them to promote your business?
A splash page is a web page that shows before any other page on your website, like your homepage. As a result, you can capture visitors’ attention before entering your site.
Yet splash pages differ from landing pages and can have several purposes, which is confusing for beginners.
In this article, we answer the question, “what is a splash page” and show you how to create one in WordPress.
- Video Tutorial
- 1. Install SeedProd WordPress Landing Page Builder
- 2. Create a New Landing Page in WordPress
- 3. Choose a Splash Page Template
- 4. Add Content to Your Splash Page
- 5. Customize Your Splash Page Design
- 6. Connect Your Email Marketing Provider
- 7. Configure Your Splash Page Settings
- 8. Check Your Page is Mobile Friendly
- 9. Publish Your Splash Page in WordPress
Before we start, let’s clarify the purpose of a successful splash page.
What Is the Purpose of a Splash Page?
A splash screen can be a welcome page for your main website or a standalone page designed to get users excited for the site they’re about to view. Typically they show before a homepage on your website and have several different purposes.
You can use Splash pages to:
- Promote a special offer or new product
- Show an age verification disclaimer
- Highlight an upcoming event
- Collect contact information
- Grow your email list
- Promote your social media profiles
- Tell visitors your new website is coming soon
- And much more.
For example, fashion and eCommerce retailer Zara uses a splash page to direct users to the right version of their site for their country. Other companies like Forbes, show a quote of the day as their introductory page.
In essence, marketers use a splash page to give users a great first impression and, lead them in the right direction.
What’s the Difference Between a Splash Page and a Landing Page?
Splash pages differ from landing pages in various ways.
A splash page shows when a visitor first enters your site and works to introduce your business. It typically has minimal copy and an exit link taking you to the rest of the site to visit different pages.
A landing page is a standalone web page, like a Sales page that often doesn’t have an exit link or navigation menu. Its goal is to keep users on the page until they convert.
Splash pages and landing pages also have different goals.
A splash page aims to send people to a specific call-to-action (CTA), collect contact information, or provide valuable information.
On the other hand, a post-click landing page is designed for a specific conversion goal, such as:
Take a look at the Conversion Gods splash page example:
Before entering the website, visitors have the opportunity to download a free report in exchange for their email address. However, they’re not forced into doing so and can choose to “continue to the blog” instead.
Now that you know the purpose of a splash page, what’s the easiest way to create one for your WordPress website?
Keep reading to find out.
How Do You Create a Splash Page?
The easiest way to make a splash page in WordPress is to use a website builder plugin. Website builders or landing page builders allow you to create high-converting pages without needing help from a developer or web design expert.
With its drag and drop editor, you can design stunning WordPress pages without writing a single line of code. It also comes with built-in coming soon mode and maintenance mode functionality. This allows you to work on your site in private while hiding the process from visitors with an under construction or maintenance page.
SeedProd has tons of great features which we’ll explore in this guide, like:
- Professionally designed landing page templates
- Lead-focused content blocks
- Pre-built page sections
- Popular email integrations
- Point-and-click customization options
- Mobile previews
- And much more
Best of all, the plugin is lightweight and lightning fast.
Unlike other drag and drop page builders that are bloated and sluggish, SeedProd is optimized for speed and performance. As a result, it won’t slow down your website load times.
This leads to better search engine performance, improved user experience, and ultimately, more leads.
You can see how SeedProd’s performance compares to other page builders in this Divi vs Beaver Builder vs SeedProd comparison.
If you want to create powerful splash pages in WordPress, here’s how to do it with SeedProd.
If you prefer to read the written instructions, follow the steps below.
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 can find the license key by checking the inbox of the email you used to register. Or you can log in to SeedProd and see it in the Downloads section of your account.
Copy your license key, paste it into the field provided, and click the Verify Key button.
Next, scroll a short way down the page and click the Create Your First Page button.
2. Create a New Landing Page in WordPress
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 you create them. You won’t see anything in this section yet, but they’ll show as a list once you’ve made them.
To make your first page, click the Create New Landing Page button.
3. Choose a 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.
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:
- Coming Soon templates
- Maintenance Mode templates
- 404 Page templates
- Sales page templates
- Webinar page templates
- Squeeze page templates
- Thank You page templates
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.
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.
You can then click the Save and Start Editing the Page button to launch your template in the visual editor.
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. While on the right is a preview of how your page looks.
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.
SeedProd’s landing page blocks are also divided into 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.
The Advanced blocks are a little different in that they’re largely focused on lead generation.
The majority of SeedProd’s blocks also include pre-made templates. These are different styles you can implement 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.
Besides individual blocks, SeedProd has landing page Sections. These are entire page sections you don’t need to build manually, block-by-block. You can see the different sections by clicking the Sections tab.
From there you can choose a new:
- Hero area
- Call to Action
- FAQ section
- Features area
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.
5. Customize Your Splash Page Design
With your content in place, chances are some parts of your splash page design still doesn’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.
In this area, you can customize your global:
- 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.
Alternatively, you can browse SeedProd’s curated library of font combinations by clicking the Font Themes button.
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.
Or, if you prefer, you can click the Color Palettes button to choose from 20+ premade color schemes.
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.
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.
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:
- Campaign Monitor
- Constant Contact
- Mad Mimi
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.
You can also use Zapier to link your page with thousands of other popular applications to automate your marketing efforts.
If you don’t have an email marketing provider yet, don’t worry.
Instead, you can use SeedProd’s built-in subscriber management dashboard. Whenever someone subscribes via your splash page, their details are stored automatically in your WordPress website.
You can see them by visiting SeedProd » Subscribers from your WordPress dashboard.
7. Configure Your Splash 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.
On this page, you can change the settings for your page’s:
- General details – Change your page name, URL, and set it to draft or published.
- SEO – Edit your page SEO title, meta description, etc. with SeedProd, or 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.
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.
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.
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 is applied to the desktop view.
Just remember to click the Save button.
9. Publish Your Splash Page in WordPress
Now that your design is looking 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.
You’ll then see a popup telling you your page is now live.
Click the See Live Page button to see how it looks.
There you have it!
Not only have we answered the question “what is a splash page,” but you also now know how to create a splash page in WordPress.
SeedProd is the best solution for creating high-converting landing pages in WordPress. With beginner-friendly design options, easy customization settings, and tons of lead generation features, you can make stunning pages in minutes.
Ready to skyrocket your business growth?
You might also like these landing page best practices for tips on getting started.