Commerce テナントとサイトの作成

概要

Commerce モジュールの概要、Commerce テナントの作成方法、Commerce サイトの作成またはクローン作成方法。

ストアフロントの作成を開始するには、最初にテナントとサイトを作成して、コマース機能が有効になっていることを確認します。テナントは、サイトのコレクションとその共有要素およびプロパティを含む親アイテムです。サイトは、Web サイトを表し、ページ、データ、デザイン、およびパーシャル レイアウトで構成されているコンテンツ ツリー内のアイテムです。 

ヒント

Discover Sitecore チャンネルでは、テナント作成の動画とサイト作成の動画をご覧いただけます。

同じテナント内のサイトは関連しており、テンプレートとメディア要素を共有しているため、ストアフロントの構造は重要です。

Sitecore の Storefront コンテンツ ツリーの構造。

作成するテナントとサイトにコマース機能を含めるには、[テナントの作成] ダイアログ ボックスと [新しい SXA サイトの作成] ダイアログ ボックスで関連するモジュールを選択する必要があります。または、既存のサイトに新しいモジュールを追加することもできます。

次の Commerce モジュールを使用できます。

モジュール

説明

Commerce カート放棄 MA キャンペーン

放棄されたカート用に sitecore/System/Marketing Control Panel/Marketing Automation Templates に新しいテンプレートを追加します。放棄されたカート キャンペーンを関連付けたサイトごとに、マーケティング オートメーション ダッシュボードに新しいキャンペーンが作成されます。キャンペーンの名前は「<サイト名> の放棄されたカート」になります。さらに、放棄されたカートのメール テンプレートが、Email Experience Manager に追加されます。

Commerce 新規注文 MA キャンペーン

新規注文用に sitecore/System/Marketing Control Panel/Marketing Automation Templates に新しいテンプレートを追加します。新規注文キャンペーンを関連付けたサイトごとに、マーケティング オートメーション ダッシュボードに新しいキャンペーンが作成されます。キャンペーンの名前は「<サイト名>の新規注文」となります。

さらに、新規注文メール テンプレートと推奨商品メール テンプレートが Email Experience Manager に追加されます。

Commerce Storefront コンポーネント

すべての Commerce レンダリングをツールボックスにインストールします。ユーザーは、レンダリングを使用してコマース サイトを作成できます。

Commerce Storefront コントロール パネルの下にサイト エントリを作成します。これは Commerce Foundation レイヤーと Commerce レンダリングに必要です。

Storefront Template モジュールを選択せずにこのモジュールを選択すると、空のホーム ページ アイテムが 1 つだけ作成されます。その後、Commerce レンダリングを使用して、独自のストアフロント ページを作成できます。

注記

SXA Storefront 機能の一部を使用するには、このモジュールを選択する必要があります。

Commerce Storefront Habitat カタログ

Habitat デモンストレーション カタログをサイトのデフォルト カタログとして設定します。Habitat カタログ アイテムは、サイトのカタログ アイテムの下 (/sitecore/Content/<テナント>/<サイト>/Home/Catalogs) で利用できます。Habitat カタログ画像は、サイトのメディア フォルダー ( / sitecore/Content/<テナント>/<サイト>/Media) で利用できます。

注記

カタログは /sitecore/Content/<テナント>/<サイト>/Home/Catalogs フォルダーに保存されています。

Commerce Storefront コンポーネント モジュールが必要です。

Commerce Storefront テンプレート

Storefront サイト テンプレートをインストールします。これにより、SXA レンダリング、Commerce レンダリング、ページ デザイン、およびパーシャル デザインを使用する標準ページと標準機能を備えたビルド済みのストアフロントが提供されます。

注記

Commerce Storefront コンポーネント モジュールが必要です。

重要

SXA および SXA Storefront サイト テンプレートを使用していない場合は、メール マネージャー ルート、メール ブランチ テンプレート、およびマーケティング オートメーション テンプレート (Connect で提供される Commerce マーケティング オートメーション テンプレートに基づく) をサイトに手動で追加する必要があります。マーケティング オートメーション キャンペーンを追加する場合は、GUID を削除する必要があります。

コマース機能を備えたサイトを作成するには、最初に、Commerce Foundation 機能を含むテナントを作成する必要があります。テナントを作成すると、新しいテンプレートが Templates/Project/<テナント> フォルダーに追加されます。テンプレートの場所は、テナントの [コンテンツ] タブに設定されます。

[コンテンツ] タブの [テンプレートの場所] フィールド。

コマース テナントを作成するには:

  1. Sitecore スタート画面で、[コンテンツ エディター] をクリックします。

  2. コンテンツ エディターで、[コンテンツ] フォルダーを右クリックして [挿入]、[テナント] の順にクリックします。

  3. 新しいテナントの名前を入力し、[モジュール] セクションで、[Commerce Foundation] チェック ボックスと、含めたい他の機能のチェック ボックスをオンにします。

    [テナントの作成] ダイアログ。
  4. [OK] をクリックして、[閉じる] をクリックします。

Commerce Foundation モジュールを選択すると、作成されるテナントには、標準の SXA テンプレートに加えて、Commerce Storefront サイトをサポートするテンプレートが含まれています。

コマース機能をサポートするサイトを作成するには、[新しい SXAサイトの作成] ダイアログ ボックスを使用します。[新しい Experience Accelerator サイトの作成] ダイアログ ボックスで新しいサイトを作成すると、セキュリティ ドメインと 2 つの新しいエクストラネット ユーザー ロールが作成されます。

注記

同じサイトを指す複数のホスト名を使用するには、サイト グループ化を使用します。コンテンツ エディターで、sitecore/Content/<テナント>/<サイト>/Settings/Site Grouping/<サイト> に移動します。[コンテンツ] タブの [ホスト名] フィールドで、ホスト名が 1 つだけ定義されていることを確認します。| (パイプライン) で区切られた複数の値 (例: habitat.dev.local|storefront.dev.local) を含めないでください。代わりに、サイト グループ化の下に複数のサイト定義アイテムを作成します。

コマース サイトを作成するには:

  1. コンテンツ エディターで、コマース テナントを右クリックして [挿入]、[サイト] の順にクリックします。

    注記

    SXA Storefront モジュールを使用してストアフロントを作成する場合、[全般] タブの [言語] フィールドで、英語 (en) を選択します。サイトを作成した後で言語を追加することもできます。

  2. [全般] タブで、サイトの名前を指定します。

  3. [モジュール] タブで、含める他のモジュールとともに、1 つ以上の Commerce モジュールを選択します。

    CreateNewSiteNoSelectionXC10.png

    注記

    Habitat カタログを使用して、完全な SXA Storefront をデプロイするには、すべてのコマース モジュールを有効にしてテナントとサイトを作成する必要があります。

  4. [テーマ] タブで、サイトに適用できるようにしたいテーマを選択します。

    [新しいテーマの作成] チェック ボックスをオンにすると、ブランド化されていないシンプルな新しいテーマが作成されます。[モジュール] タブで Commerce Storefront コンポーネント機能が選択されている場合、新しいテーマには、コマース レンダリングのサポートが含まれています。このサポートにはレイアウトは含まれておらず、コンポーネントのスタイル設定は最小限です。テーマにはすべてのコンポーネント Sass ファイルが含まれています (一部のファイルは空です)。これにより、Creative Exchange を使用してテーマを簡単にエクスポートできます。

    注記

    [モジュール] タブで [Commerce Storefront テンプレート] チェック ボックスをオンにすると、Storefront ブランド テーマ、商品画像を持つ Storefront モックアップ テーマ、およびモック画像を持つ Storefront モックアップ テーマがインストールされます。

    Commerce レンダリングでは、ワイヤーフレーム テーマは完全にはサポートされていません。モックアップ テーマは廃止されたため、テーマ名に "非推奨" と記載されています。コンテンツ エディターでそれらを参照するには、sitecore/Media Library/Themes/Storefront deprecated フォルダーに移動します。ただし、新しいサイトを作成するとき、これらのテーマを引き続き使用できます。

  5. [グリッド] タブで、Bootstrap グリッド システムを選択します。SXA Storefront では Bootstrap 3 のみがサポートされています。

    注記

    Commerce Storefront テンプレート モジュールは、Bootstrap グリッド システムとのみ互換性があります。[モジュール] タブで [Commerce Storefront テンプレート] チェック ボックスをオンにした場合は、[グリッド] タブで [Bootstrap] チェック ボックスをオンにする必要があります。

  6. [OK] をクリックします。

注記

Commerce Engine で、Sitecore.Commerce.Plugin.Customers.CustomerPropertiesPolicy ポリシーを使用して環境の一部として許可されたセキュリティ ドメインを設定します。SXA Storefront のサイトごとに作成された新しいドメインを含めるように、Commerce Engine 環境の設定を更新する必要があります。Commerce Engine ポリシーに追加する新しいセキュリティ ドメインの名前では大文字と小文字が区別され、新しいサイトの名前と正確に一致する必要があります。

デフォルトの SXA サイトのパーシャル デザイン設定の削除

新しい SXA サイトを作成すると、SXA では、パーシャル デザイン メタデータの一部としてデフォルトのブラウザー タイトルと標準の URL が作成されます。このデフォルト設定の一部は、Commerce モジュールによって作成される Commerce 固有のパーシャル デザイン設定と競合するため、削除するように SXA サイト設定を更新する必要があります。

デフォルトの SXA サイト設定を削除するには、次の手順に従います。

  1. コンテンツ エディターで /sitecore/content/Sitecore/Storefront/Presentation/Partial Designs フォルダーに移動して [メタデータ] を右クリックし、[エクスペリエンス エディター] をクリックします。エクスペリエンス エディターに、[メタデータ] ページのコントロールが HTML 形式で表示されます。

  2. HTLM マークアップの <head> セクションで、<title> コンポーネントをクリックします。[ブラウザー タイトル] ツールバーが表示されます。

  3. ブラウザー タイトル コンポーネントを削除するには、[削除] をクリックします。

  4. HTLM マークアップの <head> セクションで、link rel="canonical" コンポーネントをクリックします。[CanonicalUrl] ツールバーが表示されます。

  5. SXA サイトの標準の URL を削除するには、[削除] をクリックします。

  6. 変更を保存します。

  7. 変更をパブリッシュします。

クローン スクリプトを使用してストアフロント サイトの複製を作成できます。クローンのサイトには、画像、コンテンツ、テーマなどの正確なコピーがあります。このサイトは、ドメイン名を除いて、元のサイトとまったく同じように動作します。これは、変更をテストするためにサイトのコピーを作成する場合、サイトのライブ バックアップを作成する場合、またはさまざまな環境でサイトを提供する場合に便利です。

警告

Clone Site スクリプトを実行する前に、カタログ メディアを参照しているすべてのカタログおよびメディア フォルダーの関連付けを解除します。カタログの関連付けを解除するには、コンテンツ エディター<site>/Home/Catalogs アイテムに移動し、[Commerce] セクションで、カタログの横にあるチェック ボックスをオフにします。カタログ メディアの場合は、ストアフロント サイトに移動し、[設定] セクションで、[サイトメディアライブラリー] フィールドで定義されたパスをクリアします。

コマース サイトのクローンを作製するには、次に手順に従います。

  1. クローンを作製するサイトからカタログの関連付けを解除します。

  2. クローンを作製するサイトからカタログ メディア フォルダーの関連付けを解除します。

  3. サイトのクローンを作製します。

  4. カタログ メディア フォルダーを新しいクローン サイトに関連付けます。これらは、元のサイトで使用されているものと同じにすることができます。

  5. 新しいカタログを作成するか、既存のカタログのクローンを作製します。

  6. 新しいカタログまたはクローン カタログを新しいクローン サイトに関連付けます。

  7. ダイレクト ナビゲーションを使用する場合は、テンプレートの上書きを割り当てます。