ストア ページで商品を作成および整理して、オンラインで商品やサービスを販売します。
ストア ページに商品を追加して、Squarespace Commerceのストアを作成します。
Squarespaceには4種類の商品タイプがあります。
有形商品やサービス商品は、1回限りの購入品、または自動的に更新されるサブスクリプションとして販売できます。プロジェクトごとに専門のサービスを販売する場合は、プロジェクトを作成し、クライアントに請求書を発行できます。
このガイドはバージョン7.0とバージョン7.1に適用されます。
注: 商品が製品別規約の1.2項に準拠していることをご確認ください。Squarespace Paymentsが支払いソリューションである場合は、商品がSquarespace Paymentsの利用規約の3.8項に準拠していることを確認してください。StripeまたはPayPalでの支払いを受け入れる場合は、商品がPayPalの利用規定ポリシーを満たしており、さらにStripeの禁止業種リストに掲載されていないことをご確認ください。
コマース機能はベーシック、コア、プラス、アドバンス、ビジネス、コマース ベーシック、コマース アドバンスの各プランで利用できます。詳細については、「適切なSquarespaceプランを選択する」をご覧ください。
動画を見る
ヒント: 「Squarespace Commerceを始める」ウェビナーに登録して、オンラインストア設定の基本を学びましょう。ストア ページを追加する方法、商品を作成する方法、支払い処理業者を接続する方法について説明します。「ストアの売上促進に向けたデザインのアイデア」ウェビナーもご覧ください。このウェビナーでは、商品をサイト全体で目立たせて売上を伸ばすために役立つツールやヒントを紹介します。
Squarespaceによる商品の整理方法
Squarespaceストアの商品は、ストア ページと商品詳細ページの2つの部分に分かれています。
ストア ページ
ストア ページは、一覧表示可能な商品のコレクションです。このページには、各商品に関する主な詳細情報 (通常はタイトル、価格、売り切れかどうか) が含まれています。特定の商品をクリックすると、詳細ページが開き、詳細が表示されます。ストア ページのスタイル設定の詳細については、ストア ページのスタイル設定をご参照ください。
サイトには複数のストア ページを設定できます。すべてのストアにはストア ページがあります。
ヒント: 商品クイック ビューに追加の詳細が表示されるため、ストア ページを離れる必要はありません。
商品詳細ページ
ストア ページ内のすべての商品には独自の詳細ページがあります。詳細ページには、さらに多くの画像、バリエーションのドロップダウン メニュー、および商品を購入するためのボタンがあります。商品の詳細ページは、ストア ページのサブページです。商品詳細ページのスタイル設定の詳細については、ストア ページのスタイル設定をご参照ください。
ステップ1 - ストア ページを追加する
ストア ページを追加する方法は、お客様のサイトが使用しているSquarespace のバージョンによって異なります。
- [ページパネル] を開きます。
- [+] アイコンをクリックし、ページ メニューから [ストア] を選択します。
- ストア レイアウトを選択します。
すでにストア ページがある場合は、新しいストア ページまたは新しい商品カテゴリを追加するかどうかを選択するページが表示されます。バージョン7.1では複数のストア ページを追加できますが、すべての商品を1つのストア ページに追加することをおすすめします。次に、商品カテゴリを追加して、商品を自動的に整理してフィルターされたページを構成し、ストア ページのナビゲーションに表示します。商品カテゴリの詳細については、商品の整理をご参照ください。
ストア ページにコンテンツを追加する方法については、ページ セクションをご参照ください。
- [ページパネル] を開きます。
- [+] アイコンをクリックし、ページ メニューから [ストア] または [商品] を選択します。
- ページ タイトルを追加し、Enter キーを押します。
また、ページ タイトルにカーソルを合わせると表示されるをクリックして、ページの設定をカスタマイズすることもできます。
ヒント: ストアでサイト メンバー限定で商品を販売するには、メンバー サイトをサイトに追加し、ストア ページをゲート付きコンテンツに移動します。
ステップ2 - 商品を追加する
少なくとも1つのストア ページを作成すると、商品の追加を開始できます。
各サイトには最大10,000件の商品を掲載できます。バージョン7.1のコンピュータに商品を追加する方法は次のとおりです。
- [ページパネル] を開きます。
- ストア ページをクリックしてから [+] アイコンをクリックします。また、商品パネルの [+] アイコンをクリックし、ストア ページを選択することもできます。
- 商品タイプを選択します。商品の作成後にこの項目を編集することはできません。
バージョン7.0のコンピュータに商品を追加する方法は次のとおりです。
- [ページパネル] を開きます。
- ストア ページをクリックしてから [+] アイコンをクリックします。[商品] パネルの [+] アイコンをクリックして、ストア ページを選択することもできます。
- 商品タイプを選択します。商品の作成後にこの項目を編集することはできません。
各ストア ページには最大200件の商品を掲載できます。
ヒント: パネルを展開または折りたたむには、ページの途中にある縦線をクリックします。
商品を追加する方法は次のとおりです。
- [コマース] をタップし、右上隅にある [+] をタップします。
- [新しい商品を追加] をタップします。
- 商品を追加するストア ページをタップします。
- 追加する商品のタイプ ([有形商品] または [サービス]) をタップします。iOSアプリでは [ギフト カード] を追加することもできます。
ヒント: [ホーム] タブのショートカットを使用して、ストア ページの選択に直接進むこともできます。[ホーム] タブで [+] をタップし、[新しい商品を追加] をタップします。
商品タイプ
新しい商品を追加する場合は、これらの商品タイプから選択してください。モバイルで追加できるのは、有形商品とサービス商品のみです。
有形商品 | 在庫品、アパレル、その他の有形商品。これらは、1回限りの購入またはサブスクリプションのいずれかになります。有形商品を販売する場合、ストアに少なくとも1つの配送または現地受け取りオプションを追加する必要があります。 |
ダウンロード | 電子書籍、オーディオ ファイル、その他の販売するデジタル コンテンツ。顧客がこのタイプの商品を購入すると、リンクが最初にクリックされてから24時間有効なリンクが送信されます。 |
サービス | クラス、相談、イベント、またはその他の提供サービス。有形商品とは異なり、サービス商品は顧客に発送されないため、精算時に配送方法や配送先住所を入力する必要はありません。これらは、1回限りの購入またはサブスクリプションのいずれかになります。 |
ギフト カード | ギフト カードは、受取人がオンラインストアでの支払いに使用できる一意のデジタルコードです。 |
サブスクリプション
対象となっている場合は、有形商品またはサービス商品をサブスクリプションに変えて、定期的に顧客に請求することができます。サブスクリプション商品は、コンピュータでのみ作成できます。詳細については、サブスクリプション商品をご参照ください。
他の商品オプション
上記の商品タイプに加えて、アポイントメント、メンバーシップ、ビデオ オン デマンドを選択することもできます。これらのオプションはストア ページや商品ブロックには表示されません。これらのオプションのいずれかを選択すると、次のようになります。
- アポイントメント - 予約ページを作成して、顧客が時間枠を予約できるようにします。
- メンバーシップ - メンバー サイトを作成して、サインアップした顧客にゲート付きコンテンツを提供します。
- ビデオ オン デマンド - 動画ページとメンバー サイトを作成して、顧客が有料で視聴できる動画を提供します。このオプションはバージョン7.1でのみ利用可能です。
ステップ3 - 商品の詳細を追加する
商品エディターのフィールドに商品の詳細を追加します。最初の商品を作成するときに、他の詳細を追加する前に商品の名前、画像、価格、数量を追加するように求められる場合があります。
商品作成ツールは、次の各セクションに分かれています。
リンクをクリックすると、商品の各詳細フィールドの詳細が表示されます。
詳細
[詳細] セクションにこれらの詳細を追加します。
フィールド | 詳細 |
商品名 | 商品名を追加します。 |
商品説明 | 商品説明を追加します。テキストを貼り付ける場合は、プレーン テキストであることをご確認ください。 |
追加情報 | ブロックを使って商品ページに詳細を追加しましょう。詳細については、「商品に情報を追加する」をご参照ください。 |
画像
[画像] セクションにこれらの詳細を追加します。
フィールド | 説明 |
画像を追加 | 商品に画像をアップロードするか、サイトの他の部分に追加済みの画像を再利用します。商品アイテム ビューでは複数の画像がサムネイルとして表示されます。商品オプションを追加した後に、バリエーション画像を追加することもできます。詳細については、「商品画像」をご覧ください。 |
代替テキスト | 代替テキストを追加するには、画像にカーソルを合わせ、[...] アイコンをクリックして、[メタデータの編集] をクリックします。 |
画像を削除 | 画像を削除するには、[...] アイコンをクリックし、[削除] をクリックします。 |
アイキャッチ画像 | アイキャッチ画像を追加するには、画像をアップロードして [アイキャッチ画像] をクリックします。アイキャッチ画像はサイトのほとんどのエリアで当該商品を表すため、ユーザーに最初に見てもらいたい画像を使用するのが最適です。 |
在庫
[在庫] セクションにこれらの詳細を追加します。
フィールド | 説明 |
ファイルをアップロード | 商品がダウンロード商品の場合は、[ファイルをアップロード] をクリックしてファイルを追加します。このファイルは、顧客が商品を購入するときに送信されます。ファイルの要件の詳細については、[ダウンロード商品] をご参照ください。 |
料金 | 商品の価格を設定します。 |
セール中 | 商品を販売中に設定するには、[販売中] の横にあるトグルをオンに切り替えます。 |
販売価格 | 商品が販売中の場合は、販売価格を設定してください。 |
数量無制限 | 既定では、新商品の数量は無制限です。在庫水準を設定するには、[数量無制限] の横にあるトグルをオフに切り替えます。 |
数量 | 商品の在庫水準を入力します。この数は、注文後および返品後に自動的に変更されます。 |
SKU | カスタム SKUを設定するには、自動的に割り当てられたSKU番号をクリックして編集します。 |
バリエーション |
同じ商品の異なるバージョンを、独自の価格設定、画像、在庫水準で販売することができます。たとえば、複数の色やサイズがあるシャツなどです。 さまざまな商品オプションやバリエーションを追加するには、[追加]をクリックします。詳細な手順については、商品バリエーションの追加をご参照ください。 |
フルフィルメント
フィールド | 説明 |
プロフィール | 商品にフルフィルメント プロフィールを割り当てます。これにより、顧客がこの商品を精算するときに表示される配送オプションが制限されます。精算時にすべての配送オプションを表示するには、既定のプロフィールを選択します。詳細については、「送料を設定する」をご参照ください。 |
重量と寸法 |
これらの配送オプションを使用するには、商品の重量と寸法を追加します。
[重量と寸法] をクリックし、寸法を設定して、[適用] をクリックします。 |
組織
これらの詳細を [組織] セクションに追加します。
フィールド | 説明 |
公開状態 | [公開状態] ドロップダウン メニューをクリックして、商品の表示を [公開]、[非表示]、または [予定] に設定します。 |
カテゴリー | カテゴリーを設定することで、ストア ページにナビゲーションができ、購入者は探している商品の種類を見つけやすくなります。カテゴリーは、さまざまな組織ブロックのフィルターとしても使用できます。カテゴリーを追加するには、[追加] をクリックします。詳細については、「商品の整理」をご参照ください。 |
タグ | タグは、さまざまな組織ブロックのフィルターとして使用できます。タグを追加するには、[追加] クリックします。詳細については、「商品の整理」をご参照ください。 |
税務用拡張機能を接続 (米国のみ) |
ストアで商品特有の税率を設定するには、自動税率を設定し、各商品に税金カテゴリーを追加します。 税率をまだ設定していない場合は、[拡張機能を追加] をクリックしてTaxJarにサインアップし、TaxJar 拡張機能に接続します。TaxJarを使用すると、米国の自動税率を設定できます。 詳細な手順については、「米国の自動税率を設定する」をご参照ください。 |
税金カテゴリー (米国のみ) |
TaxJarに接続した後、商品タイプに対応する税金カテゴリーを検索して選択します。 |
販売ツール
[販売ツール] セクションにこれらの詳細を追加します。
フィールド | 説明 |
注目の商品 | 概要ブロック内の商品を強調表示するには、[注目の商品] の横にあるトグルをオンに切り替えます。これは、異なるコレクションの複数の商品を1つの場所で表示する場合に便利です。 |
関連商品 | 関連商品を有効にすると、商品詳細ページのカテゴリーに基づいて、類似した商品が表示されます。[関連商品] をクリックし、ドロップダウン メニューからカテゴリーを選択します。 |
商品のアドオン | オプションのアドオンとして補完的な商品を表示することで、顧客に追加商品を注文するよう促します。 |
カスタマー レビュー | ストアのカスタマー レビューをリクエストするには、[商品レビュー] をクリックし、[退出] をクリックしてカスタマー レビュー パネルに移動します。詳細な手順については、「カスタマー レビュー」をご参照ください。 |
マーケティング
[マーケティング] セクションにこれらの詳細を追加します。
フィールド | 説明 |
SEOとURL |
[SEOとURL] をクリックして、商品が検索結果にどのように表示されるかをプレビューします。[編集] をクリックして、URLとSEOのタイトルと説明をカスタマイズします。その後、[適用] をクリックします。 SEOのタイトルと説明は、検索エンジンが顧客と商品を結び付けるのに役立ちます。 |
ソーシャル共有 | ソーシャル メディアで商品へのハイパーリンクを共有すると、商品のアイキャッチ画像が既定で表示されます。ソーシャル メディアで別の画像を共有するには、[ソーシャル共有] をクリックし、[画像を追加] をクリックして画像をアップロードします。[適用] をクリックします。 |
精算
[精算] セクションにこれらの詳細を追加します。
フィールド | 説明 |
カスタム ボタン |
[カスタム] ボタンをクリックして、[カートに追加] ボタンをカスタマイズします。 |
カスタム フォーム |
[カスタム フォーム] をクリックして、顧客がカートに商品を追加する前に記入するカスタム商品フォームを作成します。これに関するヘルプについては、カスタム商品フォームの作成をご参照ください。 |
サブスクリプション |
[サブスクリプション] をクリックすると、商品がサブスクリプションになり、選択した間隔で定期的に更新されます。詳細については、サブスクリプション商品をご参照ください。 |
アプリでは、次の詳細情報を編集できます。
- バリエーションを追加 (iOSのみ)
- 重量と寸法 (iOSのみ)
- 説明
- セール中
- 料金
- 商品名
- SKU
- ステータス
- 在庫を追跡
他の詳細情報を追加または編集するには、コンピューターでストアを編集します。
ステップ4 - 保存
完了したら、商品を保存します。
[保存] にカーソルを合わせて [公開] をクリックし、商品をストア ページに公開します。これにより、商品が購入可能に設定されます。
商品の予定を設定
商品をすぐに公開する代わりに、後で指定した時間にサイトに表示されるようにスケジュールを設定できます。定期的に新商品をリリースし、それと同時に新しいコレクションを宣伝する場合に最適なオプションです。
商品の予定を設定する方法は次のとおりです。
- [保存] にカーソルを合わせ、[スケジュール] をクリックします。
- 商品を公開する日時を設定します。
- [適用] をクリックします。
すでに商品を公開している場合は、次のようにします。
- 商品を開きます。
- [商品を編集] をクリックします。
- [組織] までスクロールし、[表示] ドロップダウン メニューをクリックします。
- [予定済み] をクリックします。
予定されている商品には、商品エディターおよび商品パネルに [予定済み] ステータスが表示されます。商品の公開予定日になると、ステータスは [表示] に変わります。
予定日時は、訪問者の現地時間ではなく、言語と地域の設定で設定されたタイム ゾーンに基づきます。商品を希望どおりに公開するには、言語と地域の設定をご確認ください。
すべてのフィールドに入力したら、[保存] または [✓] をタップします。商品を公開して表示するか、非表示として保存するかを尋ねるメッセージが表示されます。
アプリで商品をスケジュールする方法については、「商品の編集」をご参照ください。
その他のオプション
サイトには、基本以外にも、商品のカスタマイズに役立つオプションがあります。
ソーシャル アカウント
ソーシャル アカウントをサイトに接続して、ストアのコンテンツをソーシャル メディアに公開できます。[ソーシャル アカウント] をクリックし、[接続済みのアカウント] パネルに移動します。詳細については、「ソーシャル アカウントを接続する」をご参照ください。
ヒント: FacebookやInstagramで商品を販売し、フォロワーと商品を共有して新しい顧客を引き付けます。詳細については、「FacebookとInstagramで商品を販売する」をご覧ください。
在庫僅少ラベル
限定在庫ラベルを有効にすると、商品の在庫が少なくなったときに顧客に通知されます。商品が在庫数のしきい値を下回った場合、ストア ページ、商品ブロック、概要ブロック、および商品詳細ページの商品の横にラベルを表示できます。
サイズ表
衣料品を販売する場合、購入者が自分に最適なサイズを選択できるように、サイズ表を含めることができます。これを行うには、サードパーティー プログラムでサイズ表を作成し、ファイルをアップロードして、商品説明からそのファイルにリンクします。
複数のサービス商品を購入するオプション
既定では、顧客は一度に1つのサービス商品のみを購入できます。クラスやワークショップのチケットを販売する場合は、顧客が複数のサービス商品を同時に購入できるように、精算設定で [顧客に複数のサービス商品の購入を許可する] をオンにします。
魅力的なコンテンツで商品を宣伝する
商品を紹介するには、iOS版Squarespaceアプリのマーケティング キットを使用してプロ品質のコンテンツを作成します。コンテンツをサイトに追加したり、ソーシャル メディア プラットフォームで共有したりできます。
商品を複製
Squarespaceアプリでは、商品の複製はできません。
有形商品またはサービス商品を複製して、新しい同様の商品を迅速に作成およびカスタマイズできます。商品エディターの上部にある [...] アイコンをクリックして、[複製] をクリックします。詳細については、「商品の複製」をご参照ください。
商品を削除
コンピュータまたはSquarespaceアプリで商品を削除できます。
商品を完全に削除するには、[...] アイコンをクリックし、[削除] をクリックします。
商品を完全に削除するには、在庫リストで商品をタップし、下にスクロールして [削除] をタップします。[はい] をタップして確定します。
商品を完全に削除するには、在庫リストで商品をタップし、右上隅の [...] をタップします。[削除] をタップし、もう一度 [削除] をタップして確定します。
ストア ページのスタイル設定を行う
サイトのスタイル オプションを使用して、商品ページのレイアウトとデザインをカスタマイズできます。
- 複数のストア ページがある場合は、スタイルの変更がすべてのページに適用され、外観が一貫したものになります。
- サイトによってはこの他に、バナー画像やページ ヘッダーなど、ストアページの外観に影響する機能がサポートされている場合があります。
詳細については、ストア ページのスタイル設定をご参照ください。
ショッピング カート
ショッピング カート アイコンには、顧客のカート内の商品数が表示されます。また、顧客はこのアイコンからカートの概要や精算ページに進みます。
ショッピング カート アイコンの表示方法は、サイトで使用しているSquarespaceのバージョンによって異なります。
購入者がカートに商品を入れていない場合でも、ショッピング カート アイコンは既定で表示されます。サイト ヘッダーを編集して無効にするか、デザインを変更します。詳細については、「ショッピング カート アイコンの表示」をご参照ください。
顧客が商品をカートに追加すると、ショッピング カート ボタンが表示されます。Brineなどの一部のテンプレートでは、カートが空のときでもショッピング カート ボタンが表示されます。
サイトにショッピング カート ボタンが表示されない場合は、エクスプレス チェックアウトが無効になっていて、カートが非表示になっていないことを確認してください。
一部のテンプレートではカートのスタイルを設定できます。
制限
商品の制限は、サイトのバージョンと、ストアに商品を追加する方法によって異なります。
- 商品 - バージョン7.1では、ストア ページごとに最大10,000件の商品を追加できます。バージョン7.0では、上限は200件です。非表示の商品もこの制限に含まれます。
- バリエーション - 各商品には、商品エディターまたは.csv インポーターのどちらで追加したかにかかわらず、250件のバリエーション、画像、SKUを含めることができます。
文字数制限:
- カテゴリー - 25文字
- 商品名 - 200文字
- SKU - 20文字
- タグ - 80文字
ファイル サイズの制限:
- 商品画像は5MB未満にする必要があります。
- ダウンロード商品ファイルは300MB以内でなければなりません。