Friday, June 4, 2021

30 Best Coming Soon Page Examples + Templates (2021)

Are you looking for the best coming soon page examples?

Often business owners wait to publish their website until it’s fully complete. But that’s a mistake. You should start growing your website traffic, email list, and social followers as soon as you register your domain and hosting.

In this article, we’ll share some of the best coming soon page examples that you can use on your WordPress website.

Best Coming Soon Page Examples

Why You Should Create a Coming Soon Page?

When your website is under construction, users who browse your site will see an incomplete version or error page. It doesn’t look professional to display the messy look of your website to users.

This is why smart website owners create a coming soon page with information about the launch date and progress of your website. Other than that, you can also add a newsletter form to start building your email list even before your website is ready.

Once your website is complete, you can inform your email subscribers about your new site and offer a special deal to boost your sales. It’ll give you a good start and an online customer base to manage from the beginning.

Haven’t started building a website yet? See our step-by-step guide on how to make a website with no coding needed. We also cover how you can get a free domain for your site.

With that said, let’s take a look at how you can create a beautiful coming soon page.

How to Create a Coming Soon Page in WordPress

Manually creating a coming soon page can take hours. This is why we recommend using a WordPress plugin like SeedProd to quickly design and customize a beautiful coming soon page.

SeedProd is the best WordPress page builder plugin on the market. It comes with a ready-made coming soon mode that you can activate in 1-click and configure the options.

Note: You must install WordPress on a WordPress hosting service before you can setup a coming soon page for your website.

Once you have WordPress setup, you need to install and activate the SeedProd plugin. For more details, you should check out our guide on how to install a WordPress plugin.

Note: There’s also a free version of SeedProd available that you can use as well. We’re demonstrating the pro version in our tutorial to show all the powerful features.

Upon activation, you need to go to the SeedProd » Settings page to enter your license key. You can find the license key in your SeedProd account.

License key

Next, you need to visit SeedProd » Pages where you’ll find four page types. Click on the ‘Set Up a Coming Soon Page’ button to continue.

Set up coming soon page

You’ll now see the coming soon page templates. If you want to create a custom coming soon page using the SeedProd page builder, then it offers a blank template. It also comes with a simple coming soon page template with a message to users.

Below, you’ll find several other ready-made templates that you can configure in 1-click and customize with the drag and drop page builder.

SeedProd templates

To select a template, move your mouse over a template and click on the check button to open it in the SeedProd builder.

Select template

On the left side, you’ll see the Standard and Advanced blocks. While on the right side, you’ll see the live preview of your coming soon page.

You need to drag and drop a block from the left side to the right side in the preview section. It’s easy to move and change the position of any block within the live preview with simple point and click.

SeedProd blocks

You can also click on any block in the preview section to customize it. Once you click on a text or form, it’ll display the options on the left side of the screen.

Text block

For a text block, it allows you to edit the text, alignment, font size, heading, and so on. If it’s an optin form or social profiles block, you can change the settings accordingly.

Optin form block

SeedProd allows you to customize the background of your coming soon page template. You can either select a background color or upload an image for the background. It also lets you select the width of the background display.

Custom background

Once you’re satisfied with the settings, click on the ‘Save’ button from the screen’s top right corner to store your settings. You need to click on the arrow key next to the save button and click on the ‘Publish’ option.

Publish coming soon page

After publishing the coming soon page, go ahead and close the SeedProd builder. It’ll redirect you back to SeedProd » Pages.

Activate coming soon mode

You need to activate the coming soon mode and then visit your website to see the coming soon page in action.

SeedProd coming soon page

The coming soon page is active on your entire website, and users will see it instead of your under construction website.

Best Coming Soon Page Examples & Designs

Below, you’ll find some of the best coming soon page examples that you can import in the SeedProd page builder to launch your coming soon page quickly.

1. SeedProd Coming Soon Demo

SeedProd coming soon demo

SeedProd coming soon demo template has a built-in countdown timer and a newsletter subscription form with eye-catching colors.

2. Niyati Coming Soon

Niyati Coming Soon

Niyati website coming soon template is a simple and minimalist design with a tagline and your website URL.

3. Serenity Fashion

Serenity Fashion

Serenity Fashion is a beautiful coming soon page template for fashion websites. It has an email form and social profiles to increase your followers.

4. New Things Coming Soon

New Things Coming Soon

New Things coming soon page template has a dark and bold layout with CTA buttons and social icons.

5. Tapster eCommerce

Tapster

Tapster is an eCommerce page template to inform your users about how your website will look after the launch.

6. PandaDoc

PandaDoc

PandaDoc is a professional coming soon page template to let users get an invite and learn how to send documents online.

7. Dizaind

Dizaind

Dizaind is an artistry coming soon page template for fashion and portfolio websites. It’s customizable using the SeedProd page builder.

8. Indus Coming Soon

Indus Coming Soon

Indus coming soon template is colorful and offers several blocks by default to set a timer, newsletter form, and social icons.

9. Maria Mentiras

Maria Mentiras

Maria Mentiras is a great-looking coming soon page template for grill houses and restaurants. You can use the optin form to add subscribers to your email marketing platform, so you can notify them about your launch when your website is ready.

10. Les Mains dans le Cambouis

Les mains des cambows

Les Mains Dans Le Cambouis is an attractive coming soon template with newsletter form and social icons.

11. Astonishing Post

Astonishing post

Astonishing Post is a coming soon page template for fashion magazines. It has eye-catching colors and fully customizable using SeedProd page builder.

12. Revista Coming Soon

Revista coming soon

Revista Coming Soon page is simple yet attractive with a percentage block, countdown timer, and email subscription form.

13. Typetalk

Typetalk

Typetalk is a creative coming soon page template for messaging apps or forum websites. It allows you to add a custom logo and text.

14. BirdBox Coming Soon

BirdBox Coming Soon

BirdBox is a gorgeous coming soon page template for holiday, vacation, and travel websites.

15. App Manager

App Manager

App Manager is a classic coming soon page template for web and mobile applications. It features a CTA button and countdown timer to alert users about your launch date.

16. Bezar is Coming

Bezar is Coming

Bezar is a coming soon page template to invite your friends and users to join you and get a discount.

17. Land Apart

Land Apart

Land Apart is an elegant coming soon page template for events, camping, and adventure travel websites.

18. Ethercare

Ethercare

Ethercare is a healthcare coming soon page with a text option and a clock widget. It allows you to add contact details like business phone number with a dark custom background.

19. Self Made

Self made

Self Made is a portfolio coming soon page template with a bold and colorful design. It gives an idea to users about the look of your website before its launch.

20. Atominx

Atominx

Atominx is a simple coming soon page template to add your logo, text, and social profiles.

21. Archie Travel

Archie Travel

Archie Travel is a modern coming soon page template for travel agencies and travelers. It has a beautiful background by default and an email newsletter subscription box.

22. Fixers Holiday

Fixers Holiday

Fixers Holiday is a fascinating coming soon page template for holidays and vacation websites. It allows you to customize the background, text, and colors.

23. Backpacker Travel

Backpacker Travel

Backpacker Travel is a graceful coming soon page template for travel websites. If you’re making a website for your backpacker community, this template can get you, like-minded people, to sign up before your launch.

24. WiseJack Cooking

WiseJack Cooking

WiseJack Cooking is a colorful coming soon page template with a video embed option and a big size logo.

25. Gator Treks

Gator Treks

Gator Treks is a coming soon page template for a digital travel destination website.

26. CleverDever Wherever

CleverDever Wherever

CleverDever Wherever is a travel blog coming soon page template with custom logo, text, and newsletter form. It allows you to add your personal social profiles to increase engagement.

27. Lab Petite

Lab Petite

Lab Petite is a lovely coming soon page template for kids’ websites. It has a countdown timer, email sign-up form, and social profiles.

28. Hosting Stars

Hosting Stars

Hosting Stars is a stunning coming soon page template with video embed and bold text. It allows you to display your logo.

29. Coffee Shop Freelancers

Coffee Shop Freelancers

Coffee Shop Freelancers is a text-savvy coming soon page template to inform your visitors about your business.

30. Beet Nut

Beet Nut

Beet Nut is a super attractive coming soon page template for food recipe blogs and restaurant websites.

31. Phloem

Phloem

Phloem is a coming soon page template for footwear and apparel accessories shops. It has custom background and newsletter subscription box.

We hope this article helped you find the best coming soon page examples. You may also want to check out our complete guide on coming soon vs maintenance mode pages, and our comparison of the best business phone services to add a call button on your site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 30 Best Coming Soon Page Examples + Templates (2021) appeared first on WPBeginner.


June 04, 2021 at 03:42PM

Thursday, June 3, 2021

How to Easily Track 404 Pages and Redirect Them in WordPress

Are you looking for an easy way to find 404 error pages on your WordPress website and redirect them?

404 errors occur when users try to reach a page on your website that no longer exists. These 404 errors create a bad user experience which can lead to a drop in search engine rankings and lower eCommerce sales.

In this article, we will show you how to easily track 404 pages and redirect them in WordPress.

How to Track 404 Pages in WordPress

What is a 404 Error?

A 404 error is an HTTP status code, which shows that the server couldn’t reach the web page you are trying to visit.

This means that if you enter a URL of a web page that does not exist, then you’ll see a 404 page not found error.

404 Error Example

Now, there are many reasons why 404 error occurs. It could be because you made a mistake when entering the URL address, the page was deleted from the website, or the domain name no longer exists anymore.

Another reason that may cause a 404 error is that the page was moved to another URL but wasn’t properly redirected, resulting in a broken link.

Last but not least, sometimes server malfunctions can also lead to 404 errors in a WordPress website.

Why Track 404 Pages and Redirect Them?

Now that you know the different reasons that could cause 404 errors, let’s take a look at why it’s extremely important for website owners to track 404 errors and fix them.

404 errors are bad for your site’s user experience. If users can’t find the page they are looking for, then they will likely leave your site and go to your competitors.

This means you’ll lose potential customers and miss an opportunity to convert your visitors into subscribers.

Aside from that, 404 errors have a negative impact on your WordPress SEO rankings. Search engine ranking algorithm often penalize websites when they run into broken links.

Not to mention, these broken pages will cause you to lose valuable backlinks for your website which results in lower domain authority and significant drop in Google keyword rankings.

With that said, let’s take a look at how you can easily track 404 pages and redirect them in WordPress. We will cover two different methods, so feel free to click the link below to jump ahead to your preferred method:

Method 1: How to Track 404 Pages and Redirect Them in WordPress Using AIOSEO

The easiest way to track and fix 404 pages on your WordPress website is by using the All in One SEO plugin for WordPress also known as AIOSEO. It’s the best SEO WordPress plugin that is used by over 2 million professionals.

AIOSEO allows you to easily find pages with broken links and fix them with just a few clicks using their powerful redirection manager.

The best part about AIOSEO is that it helps you setup faster 301 redirects which helps you improve search engine rankings.

For this tutorial, we will be using the AIOSEO Pro version because it includes the powerful redirection manager addon. There is a free version of AIOSEO, but it doesn’t include 404 monitoring and redirection manager.

First, you will need to install and activate the AIOSEO Pro plugin. For more details, please see our step-by-step guide on how to install a WordPress plugin.

Once the plugin is active, go to All in One SEO » Redirects and click the ‘Activate Redirects’ button.

Activate redirects in AIOSEO

After that, you need to visit the ‘Settings’ tab under Redirects to enable 404 logs and track pages with broken links.

Simply scroll down to the ‘Logs’ sections and make sure that the ‘404 Logs’ option is enabled. Next, select the time period to record the 404 logs using the drop-down menu. We recommend no longer than one month for optimal server performance.

enable 404 logs

Once you are done, go ahead and click the ‘Save Changes’ button.

Now, you will see a ‘404 Logs’ tab in the Redirects section in AIOSEO.

404 Logs Under Redirects

When you first enable 404 logs, this page will not have any data. It only starts monitoring 404 pages after you enable the setting.

Once activated though, AIOSEO 404 logging actively monitors for 404 errors on your website and will display them here.

It will show a list of all the URLs that have a 404 error, how many times the link was visited under the ‘Hits’ column, and the date when it was last visited under the ‘Last Accessed’ column.

Once you have identified the pages with broken links, you can simply redirect them by clicking the ‘Add Redirect’ button.

When you click the button, you’ll see the option to enter a target URL and select the redirection type from the drop-down menu. For example, you can move a page permanently by selecting the 301 Moved Permanently option.

After that, click the ‘Add Redirect’ button and your broken link will now automatically redirect to the new target URL.

Click the Add Redirect button

Note: With time, the size of your log file can grow and take up a lot of disk space. The lack of WordPress hosting disk space can lead to errors.

To make sure that you don’t run into this problem, it’s a best practice to delete and clear 404 error logs.

With AIOSEO, you can easily delete any individual 404 error from your logs by clicking the trash can icon.

Delete 404 error from AIOSEO

You can also bulk delete your 404 logs by going to All in One SEO » Tools and then click on the ‘Database Tools’ tab.

Now scroll down to the ‘Logs’ section and click the ‘Clear 404 Logs’ button.

Clear 404 logs from database tools

Aside from tracking 404 errors, AIOSEO redirect manager also comes with permalink monitoring. This means if you delete a page on your site, or change the URL of any blog post, then it will automatically notify you to setup a redirect.

In some cases, AIOSEO can even setup the proper 301 redirects for you without any effort.

Bonus Tip: Setting up faster 301 redirects in WordPress with AIOSEO

AIOSEO allows you to setup faster redirects by going to the Settings tab and choosing the Web Server redirect method.

AIOSEO Server Level Redirects

This allows you unlock significant speed improvements when compared to the default WordPress / PHP redirect method.

Method 2: How to Track 404 Pages and Redirect Them in WordPress Using Redirection Plugin

The next method to keep track of 404 pages and redirect them is by using the Redirection Plugin for WordPress.

Note: This is an advanced plugin and some beginners may find it harder to use.

First you need to install and activate the plugin. For more details, please see our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to Tools » Redirection and then scroll down to click the ‘Start Setup’ button to set up your redirects.

Start setup of Redirection plugin

After that, the plugin will ask whether you would like to monitor permalink changes in WordPress and do you want to keep logs of redirects and 404 errors.

Just select the checkbox for these options and click the ‘Continue Setup’ button.

Basic setup Redirection plugin

The plugin will now test the Rest API status. When the status result comes back as Good, you can click the ‘Finish Setup’ button.

Rest API test in Redirection

After that, you can add a new redirection for your 404 pages. To start, enter the URL of the page you want to redirect in the Source URL column.

Next, select whether you’d like to exactly match the query parameter, ignore them, or pass them through to the target URL from the Query Parameter drop-down menu.

Now enter the Target URL to which the 404 page will be redirected, keep the Group option to ‘Redirection,’ and click the ‘Add Redirect’ button.

Add new redirection

If you want more options to set up redirection, then click the ‘gear icon’ next to the Add Redirect button.

You can begin by adding the old URL showing 404 in the Source URL column, selecting the Query Parameter like before, and adding a Title to describe the purpose of this redirect.

After that, select the Match option from the drop-down. You will see multiple options, including URL only, URL and referrer, URL and user agent, and URL and login status.

More options for add new redirection

In most cases, you want to use URL and referrer. Mainly because if you see several 404 requests for a specific page, then it’s likely not a user typo error, but rather it has to be someone who is linking to the wrong URL.

Now, whenever someone else links to the broken URL or a post that you moved, it will automatically redirect them to the new location.

Next, make sure that your action is ‘Redirect to URL’. The other options are complex and require advanced technical knowledge.

In the redirection type, you need to select an option from the HTTP code drop-down (like 301 – Moved Permanently).

Lastly, enter the target URL in the Matched Target column. After you have entered this information, hit the ‘Add Redirect’ button.

You can go to the new URL to test and make sure that the redirection is working properly.

The plugin also has the option to track 404 error logs. Simply click on the ‘404s’ tab at the top, and the plugin will show you recent 404 errors that occurred on your site since you installed the plugin.

404 Logs in Redirection plugin

Note: if you just enabled the Redirection plugin, the 404 log page will be empty. It only starts keeping a log of 404 errors after the plugin is activated.

We hope this article helped you learn how to track 404 pages and redirect them in WordPress. You may also want to take a look at our guide on best WordPress contact form plugins to allow users to notify you when they see a 404 error, and our comparison of the best business phone services for remote teams.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Easily Track 404 Pages and Redirect Them in WordPress appeared first on WPBeginner.


June 03, 2021 at 04:00PM