Do you need to allow repairs mode for WooCommerce with out affecting different portions of your WordPress site?

Repairs mode permits you to display a user-friendly realize to customers as an alternative of a damaged eCommerce website. You’ll be able to even allow repairs mode for explicit product pages or spaces of your WooCommerce retailer.

On this information, we’ll display you tips on how to allow repairs mode for WooCommerce.

How to enable maintenance mode for WooCommerce

Why and When You Want to Allow Repairs Mode for WooCommerce

Once in a while chances are you’ll want to put your WordPress site in repairs mode. For instance, you can be making main adjustments comparable to putting in a brand new theme or totally redesigning your WordPress weblog.

At different occasions chances are you’ll want to put your WooCommerce retailer into repairs mode, whilst leaving the remainder of your website open.

This may well be as a result of there’s an issue that’s handiest affecting your on-line retailer, and now not the remainder of your site. For instance, you can be not able to procedure buyer bills. On this case, repairs mode can prevent shoppers from encountering the mistake and having a foul buying groceries enjoy.

You might also be including an on-line retailer to an present site and wish to stay the ones pages non-public when you paintings on them.

An attractive ‘coming quickly’ web page too can create a way of pleasure and anticipation when you construct your retailer at the back of the scenes. You could even inspire customers to get waiting for the release by way of following you on social media, becoming a member of your e mail record, and even coming into a WooCommerce contest.

That being stated, let’s check out tips on how to simply allow WooCommerce repairs mode with out affecting the remainder of your site.

Enabling Repairs Mode for WooCommerce

One of the simplest ways to allow repairs mode for WooCommerce is by way of the use of SeedProd.

SeedProd is the best possible touchdown web page builder for WordPress, used on greater than one million web pages. It permits you to create stunning coming quickly pages in WordPress, enhance your 404 web page, or even design distinctive touchdown pages the use of drag and drop.

There’s a unfastened model of SeedProd that allows you to create a repairs mode web page. Alternatively, we’ll be the use of the top class model because it means that you can put your WooCommerce retailer into repairs mode whilst conserving the remainder of your website to be had.

The very first thing you want to do is set up and turn on the SeedProd plugin. For extra main points, see our information on tips on how to set up a plugin in WordPress.

After activating the plugin, SeedProd will ask to your license key.

Adding the SeedProd license key

You’ll be able to in finding this knowledge underneath your account at the SeedProd site. After coming into the license, click on at the ‘Test Key’ button.

Whenever you’ve finished that, you’re waiting to position your WooCommerce retailer in repairs mode.

Growing Your Repairs Mode or Coming Quickly Web page

After activating SeedProd, pass to SeedProd » Pages. Right here, you’ll be able to make a selection whether or not to create a repairs mode web page or a coming quickly web page.

Even if some other people use those phrases interchangeably, there are some essential variations you will have to know.

For those who create a ‘Coming Quickly’ web page, then search engines like google will nonetheless be capable of see and move slowly your retailer pages. This provides your WooCommerce website a possibility to get listed by way of search engines like google.

For those who’re construction a brand new retailer, you then’ll normally wish to create a coming quickly web page.

In case your retailer is down for repairs, you then will have to create a ‘Repairs Mode’ web page as an alternative. This mode tells search engines like google that your website is quickly down, the use of the particular header code 503.

After you have this code, the quest bots will recheck your WordPress site later to look whether or not it’s again on-line. On this method, you’ll be able to conceal your retailer from customers with out affecting your seek engine ratings.

Be aware: We’ll create a repairs mode web page on this information, however the steps would be the identical regardless of whether or not you click on on ‘Arrange a Repairs Mode Web page’ or ‘Arrange a Coming Quickly Web page.’

Creating a maintenance page for your online store

Your next step is construction the web page that customers will see while you allow repairs mode for WooCommerce.

You’ll be able to both make a selection a ready-made template or get started with a clean design. We’re the use of ‘Have a good time Coming Quickly’ in all our pictures however you’ll be able to use any template you favor.

To make a choice a template, merely hover your mouse over that design’s thumbnail after which click on the ‘checkmark’ icon.

Choosing the WooCommerce coming soon page

After deciding on a template, you’ll be taken to the drag-and-drop builder, the place you’ll be able to get started customizing the upkeep mode design.

At the left facet of the display screen, you’ll in finding blocks and sections that you’ll be able to upload for your design. The suitable facet of the web page is the reside preview.

How to create a maintenance mode for WooCommerce

Maximum templates have already got some blocks, which might be a core a part of all SeedProd designs. To start out, you’ll normally wish to customise those blocks by way of including your individual textual content, pictures, hyperlinks, and different content material.

To switch the textual content in any Headline or Textual content block, merely click on to make a choice that block for your format. This brings up the entire settings for that individual block.

You’ll be able to now kind your textual content into the small textual content editor.

Adding text to a WooCommerce coming soon page

You’ll be able to additionally use those settings to taste the textual content, together with including daring and italic formatting, converting the textual content alignment, converting the font dimension, and extra.

You’ll be able to upload extra blocks for your repairs web page by way of dragging them from the left-hand menu after which shedding them onto your design.

For instance, in the event you sought after so as to add a customized brand then you should merely drag an ‘Symbol’ block onto your format.

Adding a logo to to your online store's maintenance page

Then, simply click on to make a choice that block for your format and the left-hand menu will display the entire settings for that block.

So as to add an emblem, pass forward and click on on ‘Use Your Personal Symbol.’

Building a custom coming soon page with WooCommerce

You’ll be able to then both make a selection a picture from the WordPress media library or add a brand new document out of your laptop.

After including a picture, you’ll be able to trade the scale, upload symbol alt textual content, embed a hyperlink, and extra the use of the settings within the left-hand menu.

The SeedProd page builder plugin

For those who’re the use of the WPForms plugin then you’ll be able to temporarily and simply upload a touch shape to the upkeep web page. This provides customers a method to communicate to you even if your WooCommerce website is down for repairs.

After making a touch shape in WordPress, you’ll be able to drag the ‘Touch Shape’ block onto your SeedProd format.

Adding a contact form to your maintenance page

Then, merely click on to make a choice the Touch Shape block.

Within the left-hand menu, open the dropdown menu and make a selection the shape you created previous.

Adding a contact form to the WooCommerce maintenance screen

To take away a block out of your design, merely pass forward and click on on it.

You’ll be able to then make a choice the trash can icon.

Deleting blocks in the SeedPage page builder

You’ll be able to additionally transfer blocks across the web page the use of drag and drop.

While you’re pleased with how the upkeep web page appears, be sure to click on ‘Save.’

Saving the maintenance mode template

Activate Repairs or Coming Quickly Mode for Your WooCommerce Retailer

Now that you simply’ve created a customized coming quickly or repairs mode web page, let’s pass forward and allow it.

Right here, we wish to put the shop into repairs mode, and now not all the website. To do that, click on at the ‘Web page Settings’ tab within the SeedProd editor.

Then, make a choice the ‘Get admission to Regulate’ tab.

SeedProd's access control settings

You’ll be able to use those settings to specify the place the approaching quickly or repairs web page seems for your website, and who sees it. For instance, you could display this web page to those who have a specific person position or IP cope with.

Since we wish to put our WooCommerce website into repairs mode, scroll to the ‘Come with/Exclude URLs’ segment.

Then, simply click on at the ‘Come with URLs’ button.

Enabling maintenance mode for a WooCommerce store

Now, you want to go into the URLs to your WooCommerce retailer. This may occasionally range relying on how your retailer is about up, and whether or not you’ve created any customized pages comparable to a customized WooCommerce cart web page or a customized checkout web page.

Alternatively, it’s good to begin with the entire pages that WooCommerce creates robotically:

https://instance.com/store
https://instance.com/cart
https://instance.com/checkout
https://instance.com/my-account

In case your retailer has merchandise, you then’ll additionally want to upload those URLs. You’ll want to come with the asterisk!

https://instance.com/product/*
https://instance.com/product-category/*
https://instance.com/product-tag/*

The asterisk is a wildcard personality, which tells SeedProd to incorporate all URLs that fit the development earlier than it.

Because of this customers will see the upkeep web page when they are trying to get right of entry to any product, product class, or product tag.

After including a lot of these URLs, click on at the ‘Save’ button to retailer your adjustments.

Striking Your Retailer In Repairs Mode

You’re now waiting to position your WooCommerce retailer in repairs or coming quickly mode at any level. Within the WordPress dashboard, merely pass to SeedProd » Touchdown Pages.

Then, click on at the ‘Inactive’ slider underneath ‘Coming Quickly Mode’ or ‘Repairs Mode,’ in order that it adjustments to ‘Energetic.’

Activating maintenance mode for a WooCommerce store

Now, merely discuss with your WooCommerce retailer in an incognito browser tab and also you’ll see your customized design, moderately than your on-line retailer.

While you’re waiting to make your retailer public, merely return to SeedProd » Touchdown Pages.

Then click on at the ‘Energetic’ slider in order that it displays ‘Inactive.’ Now, any person who visits your website will see your WooCommerce retailer, and should buy services and products as customary.

We are hoping this text helped you discover ways to allow repairs mode for WooCommerce. You might also need to check out our professional select of the best possible WooCommerce plugins, and our entire step by step information on tips on how to create an e mail publication.

For those who favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll be able to additionally in finding us on Twitter and Fb.

The put up Tips on how to Allow Repairs Mode for WooCommerce first gave the impression on WPBeginner.

WordPress Maintenance

[ continue ]