あるWooCommerceストアのオーナーが最近、定期更新中にカスタマイザーからメールが届き、「このビジネスは停止したのか?なぜですか?サイトの更新中に、顧客が壊れた購入手続きのページにたどり着いたのです。
このような状況は想像以上によくあることで、すべてのオンラインストアに適切なメンテナンスモードが必要な理由を示しています。それは、舞台裏で変更を加える間、あなたのブランドを洗練されたものに保つために、プロフェッショナルな「Coming Soon」の看板を掲げるようなものです。
たとえ短時間のダウンタイムであっても、売上を失い、カスタマーの信頼を揺るがすことにつながりかねないからだ。
長年にわたり多くのWooCommerceストアのオーナー様をサポートする中で、訪問者を混乱させることなく、また評判を落とすことなくサイトメンテナンスを行う最良の方法を発見しました。
このガイドでは、テスト済みのツールと実践的なヒントを使用して、WooCommerceのメンテナンスモードを簡単に有効化する方法を紹介します。🌟

WooCommerceメンテナンスモードを有効化する理由とタイミング
WooCommerceストアにメンテナンスモードを使用する良い理由があります。まず、ストアに大きな変更を加えている場合、WordPressのメンテナンスモードを有効化することで、ユーザーがサイトを訪問して混乱するのを防ぐことができます。
次に、オンラインストアに問題が発生した場合、特にWooCommerceの決済に問題が発生した場合、メンテナンスモードをオンにすることで、カスタマイザーが問題に直面するのを防ぐことができます。その代わり、ストアを再稼働させるまで、これらのメンテナンス作業を修正することができます。
既存のサイトに新しいオンラインストアを追加し、準備が整うまで驚きを与えたい場合、メンテナンスモードが最適です。WooCommerceのショップページで作業している間、クールなメンテナンスモードページを見せて人々を興奮させることができます。
もしあなたがこれらのシナリオのいずれかを経験しているなら、この投稿はあなたのためのものです。以下のセクションでは、WooCommerceでメンテナンスモードを有効化する方法を見ていきます。これらのクイックリンクを使用して、手順をナビゲーションすることができます:
始めよう。
ステップ1:メンテナンスモードページプラグインのインストール
WooCommerceのメンテナンスモードを有効化する最も簡単な方法は、SeedProdを使用することです。
SeedProdは、100万以上のサイトで使用されているWordPressのための最高のランディングページビルダーです。美しいカミングスーンページを作成したり、404ページを改善したり、ドラッグ&ドロップでユニークなランディングページをデザインすることもできます。
私たちのパートナーブランドの中には、実際にSeedProdを使ってサイトを構築しているところもあります。彼らはSeedProdで素晴らしい経験をしています。
詳しくはSeedProdのレビューをご覧ください。

SeedProdにはメンテナンスモードのページを作成できる無料版があります。しかし、WooCommerceストアをメンテナンスモードにし、他のサイトを利用できるようにできるプレミアムバージョンを使用します。
最初に行う必要があるのは、SeedProdプラグインをインストールして有効化することです。詳しくはWordPressにプラグインをインストールする方法をご覧ください。
プラグインを有効化した後、SeedProdはライセンスキーを要求します。

この情報は、SeedProdサイトのアカウントで確認できます。ライセンスを入力した後、「Verify Key」ボタンをクリックしてください。
これが完了したら、WooCommerceストアをメンテナンスモードにする準備ができました。
ステップ2:メンテナンスモードページの作成
SeedProdを有効化した後、SeedProd ” ページに進みます。ここで、メンテナンスモードのページを作成するか、近日公開のページを作成するかを選択できます。
これらのキーワードを同じように使う人もいますが、いくつかの重要な違いがあります。詳しくは近日公開とメンテナンスモードの投稿をご覧ください。
しかし、基本的に、もしあなたが「Coming Soon」ページを作成しても、検索エンジンはあなたのストアページを見てクロールすることができます。これにより、WooCommerceサイトが検索エンジンにインデックスされるチャンスが生まれます。
もし新規店舗を作るのであれば、一般的にcoming soonページを作りたいと思うでしょう。
一方、店舗がメンテナンスのためにダウンしている場合は、代わりに「メンテナンスモード」ページを作成する必要があります。このモードでは、特別なヘッダーコード503を使って、あなたのサイトが一時的にダウンしていることを検索エンジンに伝えます。
このコードを取得した後、検索ボットは後であなたのWordPressサイトを再チェックし、オンラインに戻ったかどうかを確認します。このようにして、検索エンジンのランキングに影響を与えることなく、買い物客からお店のページを非表示にすることができます。
このガイドではメンテナンスモードページを作成しますが、「メンテナンスモードページの作成」、「カミングスーンページの作成」どちらのボタンをクリックしても手順は同じです。

次のステップは、オンラインマーケットプレイスやストアのメンテナンスモードを有効化した際に、買い物客に表示されるページを作成することです。
既製のテンプレートを選ぶか、空白のデザインから始めることができます。画像にはすべて「Celebrate Coming Soon」を使用していますが、お好きなテンプレートをお使いください。
SeedProdテンプレートキットを選択するには、そのデザインのサムネイルにマウスオーバーし、「チェックマーク」アイコンをクリックするだけです。

テンプレートを選択した後、ドラッグ&ドロップでページビルダーに移動し、メンテナンスモードのデザインのカスタマイゼーションを開始することができます。
画面の左側には、デザインに追加できるブロックとセクションがあります。ページの右側はライブプレビューです。

ほとんどのテンプレートには、すでにいくつかのブロックがあり、これらはすべてSeedProdデザインの核となる部分です。まず、テキストを編集したり、画像、リンク、その他のコンテンツを追加して、これらのブロックをカスタマイズします。
見出しやテキストブロックのテキストを変更するには、レイアウトでそのブロックをクリックして選択するだけです。これにより、そのブロックのすべての設定が表示されます。
小さなテキストエディターにテキストを入力することができます。

また、これらの設定を使用して、太字や斜体の書式を追加したり、テキストの配置を変更したり、フォントサイズを変更したりなど、テキストのスタイルを設定することもできます。
左側のメニューからブロックをドラッグしてデザインにドロップすれば、メンテナンスページにブロックを追加できます。
例えば、カスタマイザーのロゴを追加したい場合、Imageブロックをレイアウトにドラッグするだけです。

次に、レイアウト内のブロックをクリックして選択すると、左側のメニューにそのブロックのすべての設定が表示されます。
ロゴを追加するには、先に進み、’Use Your Own Image’をクリックします。

WordPressのメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードします。
画像を追加した後、左側のメニューにある設定を使用して、サイズの変更、画像のaltテキストの追加、リンクの埋め込みなどを行うことができます。

WPFormsプラグインを使用している場合、メンテナンスページにお問い合わせフォームを素早く簡単に追加することができます。これにより、WooCommerceサイトがメンテナンスのために停止している場合でも、買い物客はあなたに連絡することができます。
ℹ️ 注:WPFormsはWPBeginnerがよく使うお問い合わせフォーム作成ツールです。毎年恒例の読者アンケートやサイト移行リクエストフォームなど、多くのフォーム作成に使用しています。さらに詳しくWPFormsのレビューをご覧ください。
お問い合わせフォームを作成したら、SeedProdレイアウトにお問い合わせフォームブロックをドラッグします。

お問い合わせフォームブロックをクリックして選択し、設定を開きます。
左側のメニューでドロップダウンメニューを開き、先ほど作成したフォームを選択します。

WPFormsを使ってメール登録フォームを作成し、お店の営業開始を購読者に通知することもできます。ステップバイステップの手順については、WordPressでメールリストを作成する方法をご覧ください。
デザインからブロックを削除するには、そのブロックをクリックします。ゴミ箱内のアイコンを選択できます。

ドラッグ&ドロップでブロックをページ内で移動させることもできる。
レイアウトにブロックを追加し、左メニューの設定を使ってカスタマイザーをカスタマイズするだけです。
例えば、RafflePressを使用している場合、WooCommerceのクーポンプレゼントを作成し、メンテナンスモードのページで宣伝することができます。
ℹ️ 注:RafflePressも私たちのお気に入りのプラグインの一つで、毎年恒例の誕生日プレゼントの実施に使用しています。RafflePressの詳細については、RafflePressのレビューをご覧ください。

詳しくは、WordPressでコンテストを開催する方法をご覧ください。
メンテナンスページの表示に満足したら、本当に〜してもよいですか?

ステップ3:メンテナンスモード設定の構成
カスタマイザーページを作成したら、eコマースサイトで有効化してみましょう。
ここでは、サイト全体ではなく、ストアをメンテナンスモードにしたいと思います。これを行うには、SeedProdエディター内の’ページ設定’タブをクリックします。
次に、「アクセスコントロール」タブを選択する。

これらの設定を使用して、WordPressサイトの近日公開またはメンテナンスページの外観と表示者を指定できます。例えば、特定のユーザー権限グループやIPアドレスを持っている人にこのページを表示することができます。
WooCommerceサイトをメンテナンスモードにしたいので、「Include/Exclude URLs」セクションまでスクロールします。
次に、「URLを含める」ボタンをクリックします。

ここで、WooCommerceストアのURLを入力する必要があります。
これは、あなたのストアがどのようにセットアップされているか、また、特定のページにのみ表示させたいかどうかによって異なります。例えば、WooCommerceのカスタムカートページや カスタム購入手続きページに追加したい場合があります。
WooCommerceストア全体をメンテナンスに入れたい場合は、WooCommerceが自動的に作成するすべてのページを追加することができます:
https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account
製品のURLも追加する必要があります。本当に〜してもよいですか?
アスタリスクはワイルドカード文字で、SeedProdにその前のパターンに一致するURLをすべて含めるように指示します。
つまり、買い物客が商品、商品カテゴリー、商品タグにアクセスしようとすると、メンテナンスページが表示されます。
https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*
これらのURLをすべて追加したら、「保存」ボタンをクリックして変更を保存します。
ステップ4:WooCommerceストアをメンテナンスモードにする
いつでもWooCommerceストアをメンテナンスに入れることができるようになりました。WordPressの管理エリアで、SeedProd ” ランディングページに移動するだけです。
その後、「Coming Soon Mode」または「Maintenance Mode」の下にある「Inactive」スライダーをクリックし、「Active」に変更する。

シークレットブラウザでWooCommerceストアにアクセスすると、オンラインストアではなくカスタムデザインが表示されます。
ストアを公開する準備ができたら、SeedProd ” ランディングページに戻るだけです。
次に「有効化した」スライダーをクリックし、「非有効化」と表示されるようにします。これで、あなたのサイトを訪れた人は誰でもWooCommerceストアを見ることができ、通常通り商品やサービスを購入することができます。
ボーナスのヒントWooCommerceストアにバイラルウェイトリストランディングページを作成する
オンラインストアをメンテナンスモードにする以外に、SeedProdでできるもう一つのことは、バイラルウェイトリストのランディングページを作成することです。
このランディングページで、オーディエンスに何かエキサイティングなことが起こることを知らせることができます。また、ウェイティングリストへの参加を呼びかけるフォームを追加して、ページを公開したときにいち早く知らせることもできます。
さらに、このキャンセル待ち情報を使って、今後のプロモーションに関するメールマガジンを配信することもできます。
このトピックに興味がある方は、WordPressでバイラル・ウェイティングリスト・ランディングページを作成する方法の投稿をご覧ください。

ボーナスリソースその他のWordPressメンテナンスガイド
この投稿がWooCommerceのメンテナンスモードを有効化する方法のお役に立てれば幸いです。次に、以下の投稿もご覧ください:
- eコマースサイト保守のヒント
- アクセス数の多いイベントのためにWordPressサイトを準備する方法
- 定期的に行うべきWordPressのメンテナンスタスク
- WordPressのメンテナンス期間は?
- ベストWordPressサポートエージェンシー
🧹 お困りですか?WordPressサイトメンテナンスサービスチームが、更新、バックアップ、セキュリティ、アップタイムモニタリングなど、舞台裏のすべてを代行します。サイトのスムーズな運営をお任せください!
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.
Jiří Vaněk
It’s great to have the option to separate WooCommerce from the rest of the website and put only the e-shop in maintenance mode without affecting other parts of the website. Thanks, I’ll try out your procedure.
Francesco
Hi,
what about users with “Customer” role? will they still see the store?
WPBeginner Support
They would not while your store was in maintenance mode.
Admin
Tom Backlack
This doesnt helps if you have for example blog and shop, and you would like to disable only shop.
Disappointing
WPBeginner Support
We would recommend reading our entire article, we cover how to only have the maintenance mode on certain pages of your site
Admin
Shaha Alam
wow, it is helpfull post for us. thank you for shared with us.
WPBeginner Support
You’re welcome, glad you liked our post
Admin