カスタム商品フォームを作成する

カスタム商品の詳細を収集します⁠。たとえば⁠、テキストの刻印や刺繍などです⁠。

最終更新日 2024年11月28日

顧客が有形商品⁠、ダウンロ⁠ード商品⁠、またはサ⁠ービス商品をカ⁠ートに追加するときに入力するカスタム商品フ⁠ォ⁠ームを作成できます⁠。これらのフ⁠ォ⁠ームは⁠、カスタム彫刻やレタリングの指示など⁠、アイテムのパ⁠ーソナライズされた情報を収集するのに最適です⁠。

備考

カスタム商品フ⁠ォ⁠ームは⁠、個⁠々のアイテムに関する情報を収集するのに役立ちます⁠。ギフト メ⁠ッセ⁠ージや特別な配送指示など⁠、注文全体に関連する情報を収集するには⁠、代わりにカスタム精算フ⁠ォ⁠ームを作成してください⁠。

フ⁠ォ⁠ームを作成する

この機能へのアクセス

現在⁠、Squarespaceアプリでカスタム商品フ⁠ォ⁠ームを作成することはできません⁠。

新しいフ⁠ォ⁠ームを作成するには⁠、次の手順に従⁠ってください⁠。

  1. [⁠ペ⁠ージパネル⁠] を開きます⁠。
  2. ストア ペ⁠ージをクリ⁠ックして⁠、[⁠すべて⁠] (⁠バ⁠ージ⁠ョン7⁠.1のみ⁠) をクリ⁠ックし⁠、商品をダブルクリ⁠ックして商品エデ⁠ィタ⁠ーを開きます⁠。詳細な手順については⁠、「⁠商品の編集⁠」を参照してください⁠。
  3. [⁠精算⁠] の下の [⁠カスタム フ⁠ォ⁠ーム⁠] をクリ⁠ックします⁠。
  4. [⁠新しいフ⁠ォ⁠ームを作成⁠] をクリ⁠ックします⁠。
  5. [⁠フ⁠ォ⁠ーム名⁠] フ⁠ィ⁠ールドに名前を入力し⁠、[⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドを追加⁠] をクリ⁠ックしてフ⁠ィ⁠ールドを追加します⁠。
CustomProductForm_AddFormField.png
  1. 追加するフ⁠ォ⁠ーム フ⁠ィ⁠ールドを選択します⁠。各フ⁠ォ⁠ーム フ⁠ィ⁠ールドの詳細については⁠、「⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドの説明⁠」をご参照ください⁠。フ⁠ィ⁠ールドを追加および編集すると⁠、右側にプレビ⁠ュ⁠ーが表示されます⁠。[⁠フ⁠ァイルのア⁠ップロ⁠ード⁠] フ⁠ィ⁠ールドなどの一部のフ⁠ィ⁠ールドは⁠、カスタム商品フ⁠ォ⁠ームでは使用できないことに注意してください⁠。
  2. [⁠保存⁠]⁠、[⁠適用⁠]⁠、[⁠保存⁠] の順にクリ⁠ックして変更を公開します⁠。
CustomProductForm_Preview.png

ヒント

顧客がフ⁠ォ⁠ームに確実に入力するようにするには⁠、すべての必須フ⁠ィ⁠ールドの横の [⁠必須⁠] にチ⁠ェ⁠ックを入れます⁠。

既存のフ⁠ォ⁠ームを使用

カスタム商品フ⁠ォ⁠ームを追加する際には⁠、他の商品用に作成した既存のフ⁠ォ⁠ームを再利用することができます⁠。

  1. 商品エデ⁠ィタ⁠ーで [⁠カスタム フ⁠ォ⁠ーム⁠] をクリ⁠ックします⁠。
  2. 既存のフ⁠ォ⁠ームを選択します⁠。
  3. [⁠適用⁠] をクリ⁠ックし⁠、[⁠保存⁠] をクリ⁠ックします⁠。

既存のフ⁠ォ⁠ームを編集する

既存のフ⁠ォ⁠ームを編集するには⁠、次の手順に従⁠ってください⁠。

  1. 商品エデ⁠ィタ⁠ーで [⁠カスタム フ⁠ォ⁠ーム⁠] をクリ⁠ックします⁠。
  2. フ⁠ォ⁠ーム名の横にある [⁠編集⁠] をクリ⁠ックします⁠。
  3. 変更したいフ⁠ォ⁠ーム フ⁠ィ⁠ールドの横にある [⁠編集⁠] をクリ⁠ックするか⁠、フ⁠ィ⁠ールドを追加または削除します⁠。
  4. [⁠保存⁠] をクリ⁠ックし⁠、[⁠適用⁠] をクリ⁠ックします⁠。

商品に適用した固有のフ⁠ォ⁠ーム フ⁠ィ⁠ールド タイトルはすべて⁠、注文のエクスポ⁠ートで独自の列に表示されます⁠。時間の経過とともにフ⁠ォ⁠ーム フ⁠ィ⁠ールドの削除や名前の変更があ⁠った場合も⁠、元のフ⁠ォ⁠ーム タイトルと回答はエクスポ⁠ートに引き続き表示されます⁠。

フ⁠ォ⁠ームのスタイルを設定する

カスタム商品フ⁠ォ⁠ームは⁠、サイトの既定のカラ⁠ー テ⁠ーマに従います⁠。フ⁠ォ⁠ームでスタイルを設定できるのは⁠、[⁠カ⁠ートに追加⁠] ボタンの色だけです⁠。ボタンのスタイルを設定するには⁠、次の手順に従⁠ってください⁠。

  1. [⁠サイト スタイル⁠] パネルを開きます⁠。
  2. [⁠⁠] をクリ⁠ックし⁠、サイトの既定のカラ⁠ー テ⁠ーマをクリ⁠ックします⁠。
  3. [⁠ボタン⁠] で⁠、[⁠プライマリ ボタンの背景⁠] および [⁠プライマリ ボタンのテキスト⁠] 微調整オプシ⁠ョンを使用して色を変更します⁠。
  4. [⁠保存⁠] をクリ⁠ックして変更を保存し⁠、そのまま編集を続けるか⁠、[⁠終了⁠] をクリ⁠ックしてから [⁠保存⁠] をクリ⁠ックしてエデ⁠ィタ⁠ーを閉じます⁠。

フ⁠ォ⁠ームの表示方法

顧客が [⁠カ⁠ートに追加⁠] をクリ⁠ックすると⁠、カスタム商品フ⁠ォ⁠ームがオ⁠ーバ⁠ーレイとして開きます⁠。フ⁠ィ⁠ールドが必須の場合⁠、顧客はフ⁠ォ⁠ームに入力しないと商品を追加できません⁠。カスタム商品フ⁠ォ⁠ームは⁠、対面販売では表示されません⁠。このフ⁠ォ⁠ームをプレビ⁠ュ⁠ーするには⁠、テスト注文を実行してください⁠。

KB Guide Image

顧客は⁠、精算前にシ⁠ョ⁠ッピング カ⁠ート内のアイテムの下にある [⁠詳細を編集⁠] をクリ⁠ックして⁠、フ⁠ォ⁠ームを確認および編集できます⁠。

KB Guide Image

カスタマイズされた/されていない商品を販売する

カスタマイズされた/されていない商品を提供する場合は⁠、ストアのセ⁠ットア⁠ップ時にいくつかのオプシ⁠ョンがあります⁠。カスタム商品フ⁠ォ⁠ームを特定の顧客またはバリエ⁠ーシ⁠ョンに制限する機能は組み込まれていません⁠。

カスタム刺繍付き/刺繍なしのト⁠ート バ⁠ッグを提供する例を示します⁠。刺繍に追加料金がかからない場合は⁠、チ⁠ェ⁠ックボ⁠ックス フ⁠ィ⁠ールドに [⁠カスタム刺繍を希望しますか⁠?⁠] というラベルの付いた入力必須フ⁠ォ⁠ームを追加できます⁠。これに⁠、[⁠はい⁠] と [⁠いいえ⁠] のオプシ⁠ョンを指定し⁠、続けて刺繍の詳細情報を入力できる別のフ⁠ィ⁠ールドを設けます⁠。

刻印に追加料金を請求する場合は⁠、次のことができます⁠。

  • ストア ペ⁠ージにト⁠ート バ⁠ッグを⁠、「⁠ト⁠ート バ⁠ッグ⁠」と「⁠刺繍入りト⁠ート バ⁠ッグ⁠」のような商品名を付けて2回出品します⁠。顧客には⁠、「⁠刺繍入りト⁠ート バ⁠ッグ⁠」の場合にのみフ⁠ォ⁠ームへ入力してもらいます⁠。
  • ストア ペ⁠ージに商品を1回出品し⁠、バリエ⁠ーシ⁠ョンを追加します⁠。[⁠刺繍⁠] というオプシ⁠ョンを作成し⁠、[⁠はい⁠] と [⁠いいえ⁠] のバリエ⁠ーシ⁠ョンを付加します⁠。また⁠、刺繍の詳細情報を収集できるように⁠、入力必須ではないフ⁠ォ⁠ームを1つ追加します⁠。このフ⁠ォ⁠ームは⁠、どのバリエ⁠ーシ⁠ョンを選択したかに関係なく⁠、すべての顧客に表示されます⁠。

次の手順に従⁠って⁠、「⁠カスタム刺繍⁠」というサ⁠ービス商品を作成し⁠、ト⁠ート バ⁠ッグのアドオン商品として出品することもできます⁠。

  1. リンクされていないストア ペ⁠ージを1つ追加します⁠。
  2. 「⁠カスタム刺繍⁠」というサ⁠ービス商品を追加します⁠。
  3. 刺繍料金を反映した価格を設定します⁠。
  4. 刺繍の詳細情報を収集できるように⁠、入力必須のカスタム商品フ⁠ォ⁠ームを追加します⁠。
  5. 商品を公開します⁠。
  6. メインのストア ペ⁠ージでト⁠ート バ⁠ッグ商品を編集し⁠、[⁠販売ツ⁠ール⁠] までスクロ⁠ールして⁠、こちらの手順に従⁠って刺繍サ⁠ービス商品をアドオン商品としてリストします⁠。

ト⁠ート バ⁠ッグの商品詳細ペ⁠ージでは⁠、ト⁠ート バ⁠ッグに加えて⁠、カスタム刺繍商品をカ⁠ートに追加するオプシ⁠ョンが顧客に表示されます⁠。顧客がカスタム商品を追加すると⁠、カスタム商品フ⁠ォ⁠ームが表示されます⁠。精算後⁠、両方の商品と⁠、その商品について顧客が入力した内容が注文の概要に表示されます⁠。

フ⁠ォ⁠ーム送信を確認する

カスタム商品フ⁠ォ⁠ームは⁠、以下の場所で収集されます⁠。

  • 注文通知メ⁠ール
  • [⁠注文⁠] パネルの [⁠注文の概要⁠]
  • 注文のエクスポ⁠ート (⁠単一商品のエクスポ⁠ートのみ⁠)

顧客の注文の確認に関する詳細については⁠、「⁠注文を受領する⁠」を参照してください⁠。

フ⁠ォ⁠ーム送信をエクスポ⁠ートする

カスタム商品のフ⁠ォ⁠ーム送信をエクスポ⁠ートするには⁠、エクスポ⁠ートのプロセス中に特定の商品を選択します⁠。詳細については⁠、「⁠注文をエクスポ⁠ートする⁠」を参照してください⁠。

備考

エクスポ⁠ートする前に⁠、すべてのフ⁠ォ⁠ーム フ⁠ィ⁠ールドに一意の名前が付与されていることを確認してください⁠。名前が重複するフ⁠ィ⁠ールドはエクスポ⁠ートされません⁠。

フ⁠ォ⁠ームを再利用する

フ⁠ォ⁠ームを保存すると⁠、[⁠カスタム フ⁠ォ⁠ーム⁠] セクシ⁠ョンにオプシ⁠ョンとして表示され⁠、フ⁠ォ⁠ームを他の商品に追加できるようになります⁠。カスタム商品フ⁠ォ⁠ームを複製することはできません⁠。

フ⁠ォ⁠ームを無効にする

商品にフ⁠ォ⁠ームを追加しない場合は⁠、[⁠カスタム フ⁠ォ⁠ーム⁠] をクリ⁠ックし⁠、[⁠フ⁠ォ⁠ームは必要ありません⁠] をクリ⁠ックします⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。