WooCommerceのメンテナンスモードを有効にする方法

A WooCommerce store owner recently shared how a customer emailed them during a routine update, asking if the business had shut down. Why? The customer landed on a broken checkout page while the site was being updated.

このような状況は、あなたが思うよりも一般的です。そして、すべてのオンラインストアが適切なメンテナンスモードを必要とする理由を示しています。これは、舞台裏の変更を行っている間、ブランドを洗練された状態に保つプロフェッショナルな「近日公開」サインを掲げるようなものです。

これは重要です。わずかなダウンタイムでも売上の損失につながり、顧客の信頼を揺るがす可能性があるためです。

長年にわたり多くのWooCommerceストアオーナーを支援してきた経験から、訪問者を混乱させたり評判を損なったりすることなく、サイトのメンテナンスを処理するための最良の方法を見つけました。

このガイドでは、テスト済みのツールと実践的なヒントを使用して、WooCommerceでメンテナンスモードを簡単に有効にする方法を説明します。これにより、自信を持ってストアを更新できます。🌟

WooCommerceメンテナンスモードを有効にする理由と時期

WooCommerceストアでメンテナンスモードを使用するには、正当な理由があります。まず、ストアに大きな変更を加えている場合、WordPressのメンテナンスモードを有効にすると、ユーザーはサイトにアクセスして混乱した状態を見ることを防ぐことができます。

次に、オンラインストアに問題がある場合、特にWooCommerceの決済で問題が発生している場合、メンテナンスモードをオンにすると、顧客が問題に直面するのを防ぐことができます。その結果、ストアを再び公開できるようになるまで、これらのメンテナンス作業を修正できます。

既存のウェブサイトに新しいオンラインストアを追加していて、準備ができるまでサプライズにしたい場合、メンテナンスモードは最適です。WooCommerceのショップページを制作中に、人々を興奮させるクールなメンテナンスモードページを表示できます。

これらのシナリオのいずれかを経験している場合は、この記事が役立ちます。次のセクションでは、WooCommerceでメンテナンスモードを有効にする方法を見ていきます。これらのクイックリンクを使用して、手順をナビゲートできます。

1. Install a Maintenance Mode Page Plugin
2. メンテナンスモードページを作成する
3. メンテナンスモードの設定を構成する
4. WooCommerceストアをメンテナンスモードにする
5. ボーナスヒント：WooCommerceストア向けのバイラル待機リストランディングページを作成する
6. ボーナスリソース：その他のWordPressメンテナンスガイド

さあ、始めましょう。

ステップ1：メンテナンスモードページプラグインをインストールする

WooCommerceでメンテナンスモードを有効にする最も簡単な方法は、SeedProdを使用することです。

SeedProdは、100万以上のウェブサイトで使用されているWordPress向けの最高のランディングページビルダーです。美しい近日公開ページを作成したり、404ページを改善したり、ドラッグ＆ドロップでユニークなランディングページをデザインしたりできます。

当社のパートナーブランドの中には、実際にSeedProdを使用してウェブサイトを構築しているところもあります。彼らは素晴らしい経験をしており、私たちもぜひチェックすることをお勧めします。

詳細については、SeedProdの詳細レビューをご覧ください。

メンテナンスモードページを作成できるSeedProdの無料版があります。ただし、ここではプレミアム版を使用します。これにより、サイトの他の部分は利用可能なまま、WooCommerceストアをメンテナンスモードにすることができます。

まず、SeedProdプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

プラグインを有効化すると、SeedProdはライセンスキーを要求します。

この情報は、SeedProdウェブサイトのアカウントで見つけることができます。ライセンスを入力したら、「キーの検証」ボタンをクリックしてください。

これが完了したら、WooCommerceストアをメンテナンスモードに設定する準備が整いました。

ステップ2：メンテナンスモードページを作成する

SeedProdを有効化したら、 SeedProd » Pagesに移動します。ここで、メンテナンスモードページを作成するか、近日公開ページを作成するかを選択できます。

これらの用語を同じように使用する人もいますが、知っておくべき重要な違いがいくつかあります。私たちの詳細な説明は、近日公開とメンテナンスモードの違いの記事で確認してください。

しかし、基本的に、「近日公開」ページを作成した場合、検索エンジンはストアページを表示およびクロールできます。これにより、WooCommerceサイトは検索エンジンにインデックスされる機会を得ることができます。

新しいストアを構築している場合は、通常、近日公開ページを作成したいと思うでしょう。

一方、ストアがメンテナンスのためにダウンしている場合は、代わりに「メンテナンスモード」ページを作成する必要があります。このモードは、特別なヘッダーコード503を使用して、サイトが一時的にダウンしていることを検索エンジンに伝えます。

このコードを取得した後、検索ボットは後であなたのWordPressウェブサイトを再確認し、オンラインに戻ったかどうかを確認します。このように、検索エンジンのランキングに影響を与えることなく、ストアページを買い物客から隠すことができます。

このガイドではメンテナンスモードページを作成しますが、手順は、「メンテナンスモードページの設定」または「近日公開ページの設定」ボタンのどちらをクリックしても同じです。

次のステップは、オンラインマーケットプレイスまたはストアのメンテナンスモードを有効にしたときに、買い物客が表示するページを作成することです。

事前に作成されたテンプレートを選択するか、空白のデザインから開始できます。すべての画像では「Celebrate Coming Soon」を使用していますが、好きなテンプレートを使用できます。

SeedProdテンプレートキットを選択するには、そのデザインのサムネイルにマウスカーソルを合わせ、チェックマークアイコンをクリックするだけです。

テンプレートを選択すると、ドラッグ＆ドロップページビルダーに移動し、メンテナンスモードのデザインのカスタマイズを開始できます。

On the left side of the screen, you will find blocks and sections that you can add to your design. The right side of the page is the live preview.

ほとんどのテンプレートには、SeedProdのデザインの中核となるブロックが既にいくつか含まれています。開始するには、通常、テキストを編集したり、画像を追加したり、リンクやその他のコンテンツを編集したりして、これらのブロックをカスタマイズすることになります。

見出しまたはテキストブロックのテキストを変更するには、レイアウトでそのブロックをクリックして選択するだけです。これにより、その特定のブロックの設定がすべて表示されます。

You can now type your text into the small text editor.

これらの設定を使用して、太字や斜体、テキストの配置変更、フォントサイズの変更など、テキストのスタイルを設定することもできます。

You can add more blocks to your maintenance page by dragging them from the left-hand menu and then dropping them onto your design.

例えば、カスタムロゴを追加したい場合は、画像ブロックをレイアウトにドラッグするだけです。

次に、レイアウトでそのブロックをクリックして選択するだけで、左側のメニューにそのブロックのすべての設定が表示されます。

ロゴを追加するには、「独自の画像を使用する」をクリックしてください。

次に、WordPressメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードするかを選択できます。

画像を追加した後、サイズを変更したり、画像の代替テキストを追加したり、リンクを埋め込んだりするなど、左側のメニューの設定を使用してさまざまな操作ができます。

WPFormsプラグインを使用している場合は、メンテナンスページに簡単に連絡フォームを追加できます。これにより、WooCommerceサイトがメンテナンスでダウンしている間でも、買い物客があなたと連絡を取ることができます。

ℹ️ 注: WPFormsは、WPBeginnerの定番のお問い合わせフォームビルダーです。読者アンケートやサイト移行リクエストフォームなど、多くのフォームを作成するために使用しています。プラグインの詳細については、WPFormsのレビューをご覧ください。

After creating a contact form, you can drag the Contact Form block onto your SeedProd layout.

次に、連絡フォームブロックをクリックして選択し、設定を開きます。

左側のメニューで、ドロップダウンメニューを開き、以前に作成したフォームを選択します。

WPFormsを使用してメールサインアップフォームを作成し、ストアが営業を開始したときに購読者に通知することもできます。ステップバイステップの説明については、WordPressでメールリストを構築する方法に関するガイドを参照してください。

To remove a block from your design, simply go ahead and click on it. You can then select the trash can icon.

ドラッグアンドドロップでページ上のブロックを移動することもできます。

レイアウトにブロックを追加し続け、左側のメニューの設定を使用してカスタマイズしてください。

例えば、RafflePressを使用している場合、WooCommerceクーポンプレゼントを作成し、それをメンテナンスモードページで宣伝することができます。

ℹ️注: RafflePressも私たちのお気に入りのプラグインの1つであり、毎年恒例の誕生日プレゼント企画の実施に使用しています。プラグインに関する詳細については、RafflePressの完全なレビューをご覧ください。

WordPressでコンテストを実行する方法については、WordPressでコンテストを実行する方法をご覧ください。

メンテナンスページの外観に満足したら、「保存」をクリックしてください。

ステップ3：メンテナンスモード設定の構成

カスタムの「近日公開」またはメンテナンスモードページを作成したので、eコマースサイトで有効にしましょう。

ここでは、サイト全体ではなく、ストアをメンテナンスモードにしたいと考えています。これを行うには、SeedProdエディタ内の「ページ設定」タブをクリックします。

次に、「アクセス制御」タブを選択します。

You can use these settings to specify where the coming soon or maintenance page appears on your WordPress website and who sees it. For example, you might show this page to people who have a particular user role or IP address.

WooCommerceサイトをメンテナンスモードにしたいので、「URLの含める/除外」セクションまでスクロールします。

次に、「URLを含める」ボタンをクリックします。

次に、WooCommerceストアのURLを入力する必要があります。

これは、ストアの設定方法や特定のページにのみ表示したいかどうかによって異なる場合があります。たとえば、カスタムWooCommerceカートページやカスタムチェックアウトページに追加したい場合があります。

WooCommerceストア全体をメンテナンスモードにしたい場合は、WooCommerceが自動的に作成するすべてのページを追加できます。

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

製品URLも追加する必要があります。アスタリスクを含めることを忘れないでください！

The asterisk is a wildcard character, which tells SeedProd to include all URLs that match the pattern before it.

これは、買い物客が製品、製品カテゴリ、または製品タグにアクセスしようとすると、メンテナンスページが表示されることを意味します。

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

これらのURLをすべて追加したら、「保存」ボタンをクリックして変更を保存します。

ステップ4：WooCommerceストアをメンテナンスモードにする

これで、いつでもWooCommerceストアをメンテナンスモードにすることができます。WordPress管理画面で、SeedProd » ランディングページに移動するだけです。

Then, click on the ‘Inactive’ slider under ‘Coming Soon Mode’ or ‘Maintenance Mode’ so that it changes to ‘Active.’

さて、WooCommerceストアをシークレットブラウザタブで開き、オンラインストアではなくカスタムデザインが表示されることを確認してください。

ストアを公開する準備ができたら、SeedProd » Landing Pagesに戻ってください。

次に、「アクティブ」スライダーをクリックして「非アクティブ」と表示されるようにします。これで、あなたのサイトにアクセスした人は誰でもWooCommerceストアを表示でき、通常どおり製品やサービスを購入できます。

ボーナスヒント：WooCommerceストア向けのバイラル待機リストランディングページを作成する

オンラインストアをメンテナンスモードにするだけでなく、SeedProdを使用してバイラル待機リストランディングページを作成することもできます。

このランディングページを使用すると、エキサイティングなものが登場することを視聴者に知らせることができます。また、参加を促すフォームを追加して、ページが公開されたときに最初に知ることができるようにすることもできます。

さらに、このウェイティングリストの情報を使用して、プロモーションに関するメールニュースレターを送信できます。

このトピックに興味がある場合は、WordPressでバイラル待機リストランディングページを作成する方法に関する記事をご覧ください。

ボーナスリソース：その他のWordPressメンテナンスガイド

この記事でWooCommerceのメンテナンスモードを有効にする方法を学べたことを願っています。次に、次の記事も参照してください。

• eCommerceサイトのメンテナンスのヒント
• 大規模イベントに向けてWordPressサイトを準備する方法
• 定期的に実行すべきWordPressのメンテナンスタスク
• WordPressのメンテナンスはどのくらいかかるか
• おすすめのWordPressサポートエージェンシー

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。