フォームを作成して公開する

インストール時にSami B2B Onboardingが作成したWholesale applicationが合わない場合や、たとえばカフェオーナー向けとリセラー向けのように2つ目のフォームが必要な場合は、新しい申請フォームを作成します。このページでは、空のフォームから、買い手がストアで入力できるフォームになるまでを説明します。

ノート

始める前に：アプリの管理者ロールが必要です。また、ストアにフォームを表示するには、テーマでアプリの埋め込みがオンになっている必要があります。アプリの埋め込みをオンにするを参照してください。

フォームを作成する

1. ビルダーを開く

   アプリでFormsに移動し、Create formをクリックします。

   ビルダーが、New formというタイトルとDraftバッジの付いた全画面ウィンドウで開きます。フォームにはすでに1つのページ、Page 1があり、必須フィールドが2つあります。EmailとCompany nameです。ヘッダーにはApply for a business accountとTell us about your companyと表示されます。

   

   新しいフォームは、New formというDraftとして開き、Page 1にはすでにEmailとCompany nameがあります。

2. フォームに名前を付ける

   プレビュー上部のForm nameボックスをクリックし、New formを削除して、たとえばCafé wholesale applicationのように名前を入力します。

   この名前はFormsページに表示されます。ストア上のフォームのページのタイトルにもなります。

3. 質問を追加する

   左側のElementsパネルのPage 1の下にあるAdd field、またはプレビューのページ末尾にあるAdd a fieldをクリックします。リストからフィールド（たとえばPhoneやTax ID）を選びます。フィールドがページに追加され、右側に設定が開きます。ここでラベルを変更したり、Requiredをオンにしたりできます。

   尋ねたい質問ごとに繰り返します。すべてのフィールドタイプと設定については、フォームを作成するを参照してください。

4. 保存する

   保存バーのSaveをクリックします。

   アプリがフォームを保存して公開します。バッジがActiveに変わり、Form savedというメッセージが表示されて、コピーできる2つの項目が入ったYour form is readyダイアログが開きます。

   • Public link：このフォームのためにアプリがオンラインストアに作成したページのアドレス。横のCopyをクリックしてコピーします。
   • Embed code：別のページ内にフォームを表示するスニペット。横のCopyをクリックしてコピーします。

   Doneをクリックしてダイアログを閉じます。

   

   最初の保存後に、フォーム専用のリンクと埋め込みコードがダイアログに表示されます。

   注意

   最初の保存でフォームが公開されるため、買い手はすぐにそのリンクを開けます。準備ができていない場合は、ビルダーのツールバーの**…（More actions）を開き、Unpublishを選択して、もう一度Save**をクリックします。

5. デフォルトにする（任意）

   ビルダーのウィンドウを閉じて、Formsページに戻ります。フォームの行で**…**（More actions）をクリックし、Set as defaultを選択します。

   Default form setというメッセージが表示され、フォームにDefaultバッジが付きます。バッジは、それまで付いていたフォームから移ります。デフォルトにできるのは、Activeのフォームのみです。

   デフォルトのフォームは、特定のフォームを選択していない場所でアプリが使用するフォームです。たとえば、Form設定が空のテーマエディタのフォームブロックや、ロックされたストアのApply for an accountボタンです。

6. ストアにフォームを配置する

   最も手軽なのは、アプリがすでに作成したページを使う方法です。Formsページのフォーム名の下に、/pages/で始まるページのアドレスが表示されます。その横のCopy linkをクリックし、そのリンクをストアのメニューに追加するか、買い手に送ります。

   代わりに、独自のページ内にフォームを表示するには、テーマエディタのブロックまたは埋め込みコードを使用します。ストアにフォームを追加するを参照してください。

7. ストアで確認する

   新しい買い手と同じようにフォームを確認するため、コピーしたリンクをプライベートブラウザウィンドウで開きます。

   1. 何も入力せずにSubmitをクリックします。各必須フィールドの下に、たとえばCompany name is requiredのようなエラーが表示されます。
   2. フォームに入力してSubmitをクリックします。フォームがサンクスメッセージに置き換わります。
   3. アプリでFormsに移動します。フォームの行に1 submissionと表示されます。クリックすると、Companies › Applicationsで申請を確認できます。

   ページにフォームが表示されない場合は、アプリの埋め込みがオンになっているか、フォームのバッジがActiveになっているかを確認してください。代わりにLog in to applyと表示される場合は、ストアが買い手に先にログインを求めています。申請前のログインを求めるを参照してください。

フォームを複製する

ほとんど同じ質問で2つ目のフォームが欲しい場合は、フォームをコピーします。

1. コピーを作成する

   Formsページで、コピーしたいフォームの**…**（More actions）をクリックし、Duplicate formを選択します。

2. コピーを編集する

   アプリは、元の名前の末尾にcopyが付いた名前（たとえばWholesale application copy）のコピーを作成し、ビルダーで開きます。コピーはDraftのため、買い手にはまだ表示されません。名前を変更し、必要な箇所を変更して、Saveをクリックします。

3. コピーを公開する

   ビルダーを閉じます。コピーの行で**…（More actions）をクリックし、Publishを選択します。Form publishedというメッセージが表示され、バッジがActive**に変わります。

フォームを公開停止または公開する

何も失わずに、そのフォームからの新規申請を止めるには、フォームの公開を停止します。

• Formsページから： フォームの**…（More actions）をクリックし、UnpublishまたはPublishを選択します。変更はすぐに反映され、Form unpublishedまたはForm published**というメッセージが表示されます。
• ビルダーから： ツールバーの**…（More actions）をクリックし、UnpublishまたはPublish**を選択して、Saveをクリックします。

フォームの公開を停止すると、バッジがDraftになり、そのページはストアから取り下げられます。フォームが別のページに埋め込まれている場合、買い手には**This form is not available right now.**と表示されます。すでに受け取った申請はそのまま残ります。

デフォルトのフォームの公開を停止した場合、デフォルトのフォームを再び公開するか別のフォームを選択するまで、アプリは公開済みの最も古いフォームを代わりに使用します。

フォームを削除する

1. Delete formを選ぶ

   Formsページで、フォームの**…（More actions）をクリックし、Delete formを選択します。ビルダーのツールバーの…（More actions）からDelete form**を選択することもできます。

2. 確認する

   確認を求めるダイアログが表示され、フォームのリンクを開いた買い手が申請できなくなることが通知されます。Delete formをクリックします。Form deletedというメッセージが表示され、フォームが一覧から消えます。

その後の動作は次のとおりです。

• そのフォームからすでに送信された申請は、Companies › Applicationsに保持されます。
• フォームのページは、削除されずに非公開になるため、追加したテキストは失われません。ページはShopifyのオンラインストア › ページでご自身で削除できます。
• デフォルトのフォームを削除した場合は、残っている最も古いフォームがデフォルトになります。
• 唯一の申請フォームは削除できません。先に別のフォームを作成してください。

次のステップ

• フォームを作成する — フィールド、行、ページを追加し、各フィールドを設定します。
• ルールでフィールドを表示、必須化、無効化する — 一部の質問を、該当する場合にのみ尋ねます。
• 回答をShopifyにマッピングする — 承認時に各回答の保存先を決めます。
• ストアにフォームを追加する — 独自のページ内にフォームを表示します。