オンラインストアのパスワード保護

このページはJun 23, 2021に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/password-pageをご覧ください。

パスワードページを有効にすることで、オンラインストアへの顧客アクセスを制限することができます。パスワードページは、オンラインストアにパスワード保護を追加するランディングページです。パスワードを作成して、ストアに訪れてほしい顧客にパスワードを提供することができます。

検索エンジンでは、ストアのパスワードページのみが表示されます。商品ページのような他のページは非表示になっており、検索エンジンでは、これらのページを検索結果に表示することはありません。

オンラインストアにパスワード保護を追加する

オンラインストアにパスワード保護を追加できます。

手順:

  1. 管理画面から、[オンラインストア] > [各種設定] に移動します。

  2. パスワード保護エリアまでスクロールし、[パスワードページを有効にする] にチェックを入れます。

  3. [パスワード] に、オンラインストアにアクセスできるようにする顧客に提供するパスワードを入力します。管理画面へのログインに使用するものと同じパスワードを使用しないでください。

  4. [ストア訪問者へのメッセージ] に、パスワードページに表示するメッセージを入力します。メッセージを表示したくない場合は、このフィールドを空白のままにします。

  5. [保存] をクリックします。

オンラインストアからパスワード保護を解除する

パスワード保護を解除すると、誰でもオンラインストアにアクセスできるようになります。

料金プランを選択して初めて、ストアからパスワード保護を解除することができます。無料トライアル中にプランを選択する場合、無料トライアルが期限切れになるまでサブスクリプション料金は請求されません。

手順:

  1. 管理画面から、[オンラインストア] > [各種設定] に移動します。

  2. パスワード保護エリアに移動します。

  3. [パスワードページを有効にする] のチェックを外します。

  4. [保存] をクリックします。

パスワードページの設定を編集する

パスワードページに表示されるコンテンツ (テキスト、色、文字体裁など) を編集することができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  3. ページ上部のドロップダウンメニューを開きます。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。

  1. [パスワードページ] を選択します。メニューにパスワードページが表示されない場合は、オンラインストアにパスワード保護を追加する必要があります。

  2. パスワードページのセクションを編集するには、次を実行します。

    1. 編集するセクションをクリックします。ほとんどのテーマにはヘッダー、コンテンツ、フッターセクションがあります。
    2. セクション設定を変更します。
    3. [保存] をクリックします。

  3. 文字体裁、色、ソーシャル、ファビコンの設定などのテーマ設定を編集して、パスワードページをカスタマイズすることができます。これらの設定は、残りのテーマにも適用されます。テーマ設定を編集するには、以下の手順を実行します。

    1. [テーマ設定] をクリックします。
    2. 編集する設定カテゴリーをクリックします。
    3. テーマ設定を変更します。
    4. [保存] をクリックします。

パスワードページでフッターを非表示にする

パスワードページでフッターを非表示にできます。

手順:

  1. 管理画面から、[オンラインストア] > [各種設定] に移動します。

  2. パスワード保護エリアまでスクロールします。[ストア訪問者へのメッセージ] に次のコードを貼り付けます。

<style>footer { display: none; }</style>

このコードを既存のコンテンツの上または下に貼り付けます。

  1. [保存] をクリックします。

パスワードページでストア名を非表示にする

パスワードページでストア名を非表示にできます。

手順:

  1. 管理画面から、[オンラインストア] > [各種設定] に移動します。

  2. パスワード保護エリアまでスクロールします。[ストア訪問者へのメッセージ] に次のコードを貼り付けます。

<style>h1 { display: none; }</style>

このコードを既存のコンテンツの上または下に貼り付けます。

  1. [保存] をクリックします。

パスワードページのテーマコードを編集する

テーマ設定で行うことができないカスタマイズを行うには、パスワードページのテーマコードを編集します。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

  2. 編集するテーマを見つけて、アクション>コードを編集するをクリックします。

  1. Shopifyアプリから [Store] をタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [テーマを管理する] をタップします。

  4. 編集するテーマを見つけて、アクション>コードを編集するをクリックします。

  1. Shopifyアプリから [Store] をタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [テーマを管理する] をタップします。

  4. 編集するテーマを見つけて、アクション>コードを編集するをクリックします。

  1. Templatesディレクトリーで、[password.liquid] をクリックします。

  2. password.liquidテンプレートには、パスワードページを構成するセクションが含まれるLiquidタグが表示されます。テーマには、以下のLiquidタグが含まれる場合もあります。

    Liquid {% section 'password-header' %} Liquid {% section 'password-content' %} Liquid {% section 'password-footer' %}

  3. 上記のセクションのコンテンツを変更するには、Sectionsディレクトリーで、次のいずれかのファイルをクリックします。

- password-header.liquid - password-content.liquid - password-footer.liquid

  1. 必要に応じてコードを編集します。

  2. [保存] をクリックします。

Templatesディレクトリーのpassword.liquidファイルは、{{ content_for_layout }} Liquidタグ (パスワードページのレイアウトファイルにあります) によってテーマに盛り込まれます。パスワードページのレイアウトファイルを変更するには、Layoutディレクトリーの [password.liquid] をクリックします。

password.liquidテンプレートの詳細については、password.liquidを参照してください。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す