CMS：カタログコレクションからアイテムを販売する
- カタログコレクションの作成方法を選択する
- 新しくカタログコレクションを作成する
- 既存のコレクションをカタログコレクションに変換する
- カタログコレクションにフィールドとアイテムを追加する
- 顧客が実際に商品を閲覧して購入できるページを設定する
- カタログに動的ページを追加する
- 動的ページに購入アクションを追加する
- 静的ページにカタログアイテムを表示する
- 販売に関する詳細を設定する
- 注文を管理する
- よくある質問
- サイトに CMS を追加していることを確認してください。
- 商品を販売する準備ができたら、オンライン決済を受け付けることができるプランにサイトをアップグレードしてください。
- 顧客が購入手続きを完了するには、少なくとも 1つの決済方法を設定する必要があります。
- カタログコレクションは、コンテンツ主体のアイテムを販売するのに適しています。商品バリエーションを設定したり、在庫を細かく管理したりと、ショップ用により複雑な設定を行いたい場合は、Wix ストアの方が適している場合があります。
カタログコレクションの作成方法を選択する
新しくカタログコレクションを作成する
新しくカタログコレクションを作成する方法：
サイトダッシュボードの「CMS」にアクセスします。または、エディタで「CMS」 をクリックし、「あなたのコレクション」をクリックします。
右上の「＋コレクションを作成」をクリックします。
「カタログコレクション」を選択し、「次へ」をクリックします。
「Catalog collection name（カタログコレクション名）」を入力します。
（必要な場合）「Catalog collection ID（カタログコレクション ID）」を編集します。この ID はサイトのコードで使用され、後から変更することはできません。
カートと購入手続き画面に表示するカタログの項目を選択します。これらの項目はコレクションのフィールドに紐づけて、後からさらに追加することができます。
「Essentials（必須項目）」下で、含めたいカタログの項目を選択します：
「名前」と「価格」は必須項目であり、デフォルトで含まれています。
「画像」と「Description（詳細）」はオプションで、デフォルトで選択されています。不要な場合は選択を解除してください。
（オプション）購入後に顧客がダウンロードできるデジタルファイルを追加したい場合は、「Fulfillment（配送）」下の「デジタルファイル」を選択します。「デジタルアセット」フィールドに関する詳細はこちら
「コレクションを作成」をクリックします。
- 手動または CSV ファイルをインポートして、コレクションにフィールドを追加します：
- 手動でフィールドを追加する：「＋フィールドを追加」をクリックし、手動でコレクションにフィールドを追加します。
- CSV ファイルをインポートする：「CSV ファイルをインポート」をクリックし、コレクションに CSV ファイルをアップロードします。
- コレクションにアイテムを追加します：
- 「＋アイテムを追加」をクリックします。
- 各フィールドにアイテムに関するコンテンツを追加します。
- この手順を繰り返し、必要な数のアイテムを作成します。
既存のコレクションをカタログコレクションに変換する
既存のコレクションをカタログコレクションに変換する方法：
- サイトダッシュボードの「CMS」にアクセスします。または、エディタ内で「CMS」
をクリックし、「あなたのコレクション」をクリックします。 - 該当するコレクションをクリックします。
- 右上の「その他のアクション」をクリックし、「Sell your items（アイテムを販売）」を選択します。
- 設定画面で「Continue（続行）」をクリックします。
- 「カタログフィールドを設定」ダイアログで、コレクションのフィールドをカタログの項目に紐づけます。
- アイテム名：アイテム名を保存する「テキスト」フィールドを選択します。
- 価格：アイテムの価格を保存する「数値」フィールドを選択します。
- 画像：（オプション）アイテムの画像を表示する「画像」フィールドを選択します。
- Description（詳細）：（オプション）アイテムの詳細を表示する「テキスト」フィールドまたは「リッチテキスト」フィールドを選択します。
- （オプション）購入後に顧客がダウンロードできるファイルを追加したい場合は、「デジタルアセット」フィールドを追加します。
- 「＋カタログフィールドを追加」をクリックします。
- ドロップダウンから該当する「デジタルアセット」フィールドを選択するか、「＋フィールドを追加」を選択して新しいフィールドを作成します。
- 「フィールドを設定」をクリックします。
カタログコレクションにフィールドとアイテムを追加する
カタログコレクションには、商品の販売に使用できるフィールドが含まれています。販売する商品の種類に応じて、フィールドはさらに追加することができます。
カタログコレクションのアイテムを販売するには、タイトルと価格のフィールドが含まれていることを確認してください。より快適なショッピング体験を提供するためには、「画像」フィールドと「Description（詳細）」フィールドを追加することをおすすめします。コレクションを設定したら、販売したいアイテムを追加することができます。
顧客が実際に商品を閲覧して購入できるページを設定する
カタログコレクションの準備ができたら、顧客が実際にアイテムを閲覧して購入できるページを設定します。これには、サイトに動的ページを追加して、「カートに追加」や「今すぐ購入」などのボタンを配置・接続する作業が含まれます。
カタログコレクションの準備ができたら、顧客が実際にアイテムを閲覧して購入できるページを設定します。これには、サイトにカタログ用の動的ページを追加して、そのページをサイトに合わせてカスタマイズする作業が含まれます。
カタログに動的ページを追加する
カタログコレクションは、動的アイテムページと動的リストページを使用して、サイトにコレクションのコンテンツを表示します。動的アイテムページには一度に 1つのアイテムのみが表示され、動的リストページには複数のアイテムがまとめて表示されます。
まず、サイトにカタログのアイテムを表示する動的ページを追加します。この際、一度に 1つのアイテムのみを表示できる「カタログアイテムページ」か、複数のアイテムをまとめて表示できる「カタログリストページ」を選択することができます。
これらのページは手動で接続する必要はありません。各パーツは、アイテム名、価格、画像、詳細などのカタログフィールドにあらかじめ接続されていて、「カートに追加」ボタンや「今すぐ購入」ボタンも購入アクションに接続されています。接続の設定は、後から変更することも、白紙のページから始めて自身で行うことも可能です。
- エディタに移動します。
- エディタ左側で「CMS」 をクリックします。
- 「あなたのコレクション」をクリックします。
- 該当するカタログコレクションにマウスオーバーし、「その他のアクション」アイコン
をクリックして、「動的ページを追加」を選択します。
追加する動的ページの種類を選択します：
カタログリストページ：リピーター内のパーツに複数のアイテムが表示されます。
カタログアイテムページ：テキスト、ボタン、画像など、接続されたパーツに一度に 1つのアイテムのみが表示されます。
白紙ページ：パーツを手動で追加してコレクションに接続すると、一度に 1つのアイテムのみが表示されます。
アイテムページを管理：権限を持つユーザーがライブサイトからコンテンツを編集できるよう、一度に 1つのアイテムのみが表示されます。
「サイトに追加」をクリックします。
（必要な場合）任意のパーツをクリックして編集します。「CMS」アイコン をクリックすると、各パーツにどのコレクションのフィールドを接続するかを選択することができます。
（必要な場合）これらの手順を繰り返し、別の種類の動的ページを追加します。
変更内容を公開する準備ができたら、サイトを公開します。
動的ページに購入アクションを追加する
「カタログアイテムページ」や「カタログリストページ」を追加すると、ページにあらかじめ購入ボタンが配置されています。ただし、以下の手順に従うと、ページに別のボタンを追加したり、白紙ページや販売を開始する前に作成した動的ページに、購入アクションを追加したりすることができます。
購入アクションボタンとは、データセットに接続された通常のボタンや画像のことを指します。各ボタンには、顧客がクリックした際の動作を決定する「カートに追加」や「今すぐ購入」などのクリック時のアクションが設定されています。なお、リストページでは、リピーター内に購入ボタンを配置して、顧客が個別に商品ページを開くことなく商品をカートに追加できるようにすることが可能です。
- ボタンで「テキストを編集」をクリックし、ボタンに表示される静的テキスト（例：「カートに追加」や「今すぐ購入」など）をカスタマイズします。または、「接続ボタン」パネルで「ラベルの接続先」ドロップダウンから該当するフィールドを選択し、コレクションから動的テキストを表示します。
- これらの手順を繰り返し、ページに別の「カートに追加」または「今すぐ購入」ボタンを追加します。
- （推奨）まだ「カートアイコン」ボタンがない場合は追加します：
- 左側で「パーツを追加」をクリックし、「ショップ」を選択します。
- 「カートアイコン」をクリックし、カートアイコンをドラッグしてページに配置します。
- 変更内容を公開する準備ができたら、サイトを公開します。
静的ページにカタログアイテムを表示する
- エディタにアクセスし、静的ページに移動します。
- CMS に接続したい要素（例：テキスト、画像、ボタンなど）をクリックします。
- 「CMS に接続」アイコン
をクリックします。 - 「データセットを選択」ドロップダウンをクリックし、カタログコレクションに接続されているデータセットを選択します。まだデータセットがない場合は、「データセットを追加」をクリックし、カタログコレクションを選択して名前を付け、「作成」をクリックします。
- 各要素を該当するコレクションのフィールドに接続します。たとえば、画像要素の場合なら「画像」フィールドに接続します。
- （ボタンまたは画像の場合）接続したら、該当するクリック時の動作を選択します：
- カートに追加：訪問者がページから直接商品をカートに追加できるようにします。
- 今すぐ購入：訪問者を直接購入手続きページに誘導します。
- 変更内容を公開する準備ができたら、サイトを公開します。