フォームを作成する

以下の方法で、ビジネスを成長させるのに役立つフォームを作成できます。

お客様にメールマーケティングリストへの参加を促す
会社アカウントのリクエストフォームを使用して卸売小売業者を取り込む
ビジネスにとって重要なお客様に関するデータを収集する

エディタを使用して、オンラインストアにマッチし、プライバシーに準拠した方法でお客様情報を取得できるようなフォームにカスタマイズできます。

ポップアップフォーム、インラインフォーム、または両方を同時にストアに表示することができます。フォームタイプについて詳しくはこちらをご覧ください。

Shopify Formsを作成する際の考慮事項

Shopify Formsアプリを使用する前に、以下の考慮事項を確認してください。

フォームは、有効になっている場合にのみストアに表示されます。
フォームは複数の言語には対応しておらず、翻訳することもできません。そのため、Shopify Formsアプリで作成したフォームは、Translate & Adaptアプリでも翻訳できません。
フォーム1つあたりのフィールドの上限は25個です。
ストアごとに最大25個のフォームを作成できます。
マルチステップフォームはサポートされていません。
ストアでポップアップフォームとインラインフォームの両方を使用し、Formsテーマアプリの埋め込み設定を無効にした場合は、インラインフォームも含まれるページにのみポップアップフォームが表示されます。
どのページにもポップアップフォームが表示されないようにするには、フォームを無効にする必要があります。
お客様がフォームを送信すると、新しいお客様の場合にのみ、お客様プロフィールが作成されます。既存のお客様は、メールアドレスや電話番号を変更することなく、プロフィールと一致させることができます。
SMS にダブルオプトインを使用する場合、お客様のsmsMarketingConsent状態はpending numbersに設定されます。番号によるオプトインの確認は SMS パートナーの責任となります。確認を受け取った後、SMS パートナーはステータスをpendingからconfirmedに更新する必要があります。

フォームタイプ

ポップアップフォームまたはインラインフォームのいずれかを作成できます。ポップアップフォームとインラインフォームの違いとそれぞれの要件については、フォームのタイプを参照してください。

フォームタイプとその説明および必要事項の概要。
フォームタイプ	説明	必要事項
ポップアップフォーム	ストアのコンテンツの上にオーバーレイとしてフロート表示されるコンテンツです。ポップアップフォームの設定について詳しくはこちらをご覧ください。	ポップアップフォームをストアに表示するには、Formsテーマアプリの埋め込みをテーマにインストールする必要があります。ポップアップフォームの設定について確認してください。
インラインフォーム	ストア内のページなど、テーマの特定のセクションに表示されます。インラインフォームの設定について詳しくはこちらをご覧ください。	インラインフォームをストアに表示するには、Online Store 2.0のテーマを使用して、Formsテーマアプリの埋め込みをテーマにインストールする必要があります。

## フォームフォームを作成する {#create-form}

Shopify Formsアプリの管理画面からフォームを作成することができます。フォームを作成する前に、各フォームタイプで利用できるさまざまなフォーム設定を確認してください。

新しいフォームを作成すると、そのステータスは自動的に**[アクティブ]**に設定されます。フォームの管理について詳しくはこちらをご覧ください。

手順

管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。
[Forms] をクリックします。
[アプリを開く] をクリックします。
[フォームを作成] をクリックします。
[ポップアップ] フォームを作成するか、[インライン] フォームを作成するかを選択します。
フォームの名前を入力します。
[作成する] をクリックします。
各種設定に基づいてフォームを設定します。フォームの設定について、詳しくはこちらをご覧ください。
[保存] をクリックします。

フォームを作成した後、オンラインストアにポップアップまたはインラインフォームを追加する必要があります。

既存のフォームを複製する

フォームを複製して、既存のフォームのすべてのフィールド、設定、および構成を含む新しいフォームを作成できます。

複製を作成した後、その新しいフォームはデフォルトでは無効になります。フォームを有効化する方法について説明します。

手順

管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。
[Forms] をクリックします。
[アプリを開く] をクリックします。
複製するフォームの [...] をクリックします。
ドロップダウンメニューから、[フォームを複製] を選択します。
任意：変更するフォーム設定を編集し、[保存] をクリックします。

フォームを作成した後、オンラインストアにポップアップまたはインラインフォームを追加する必要があります。

ポップアップフォームをストアフロントに表示させるには、オンラインストアエディタに移動して、Formsテーマアプリの埋め込み設定をオンにします。

手順

管理画面から [オンラインストア] > [テーマ] に移動します。
アクティブなテーマで、[カスタマイズ] をクリックします。
テーマエディタのサイドバーで、**[アプリ埋め込み式]**アイコンをクリックします。
**[Forms]**切り替えを有効にします。
[保存] をクリックします。

**[Forms]**テーマアプリの埋め込み式設定がオンになっている限り、すべてのアクティブなポップアップフォームがオンラインストアに表示されます。

オンラインストアにインラインフォームを追加する

インラインフォームは、オンラインストアの新しいランディングページまたは既存のページに表示できます。

インラインフォームを含むページに専用の別のURLを割り当てたい場合、ランディングページを作成することは便利なオプションとなります。たとえば、このオプションは、卸売業者やB2B向けの専用サインアップページを作成するために理想的であり、多数の前提条件となるコンテンツや紹介文、およびサインアップフォームを1つのページに追加することができます。また、別のURLを使用することで、SNSのメッセージやメールでフォームを含むページを簡単に共有できます。

既存のページにインラインフォームを追加することで、新しいページURLやページテンプレートを作成しなくて済むため、カスタムページ管理が簡単になります。フォームを既存のテンプレートにブロックとして追加すると、そのテンプレートを使用しているすべてのページにフォームが表示されます。たとえば、卸売小売業者プログラムのポリシー、要件、サンプル商品カタログを紹介する複数のページで使用するカスタムページテンプレートをすでに作成している場合、そのテンプレートの下部にインラインサインアップフォームを追加することで、そのテンプレートを使用しているすべての関連ページにサインアップフォームを簡単に適用できます。

インラインフォームのランディングページを作成する

フォームアプリからランディングページを作成する際は、新しいページテンプレートを作成し、そのテンプレートを使用してカスタマイズ可能なハンドルを持つ新しいページを生成します (例： example.com/pages/your-custom-form-URL )。

手順

管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。
[Forms] をクリックします。
[アプリを開く] をクリックします。
オンラインストアに追加したいフォームの名前をクリックします。
[配置] セクションで、[ランディングページの作成] をクリックします。
**[ランディングページを作成する]**ダイアログで、フォームのランディングページのタイトルとURLを入力します。
[保存] をクリックします。

ランディングページを作成した後、管理画面のページリストから特定のページタイトル、コンテンツ、ハンドルを編集したり、テーマエディタでページテンプレートをいつでも編集したりできます。

既存のページにインラインフォームを追加する

フォームに関連付けられたフォームIDを使用して、インラインフォームをテーマエディタのブロックとして既存のページテンプレートに追加できます。フォームIDは、ストア内の特定のフォームを表す6桁の数字です。

手順

管理画面で、[設定] > [アプリと販売チャネル] の順に移動します。
[Forms] をクリックします。
[アプリを開く] をクリックします。
オンラインストアに追加したいフォームの名前をクリックします。
[配置] セクションで、[既存のページ] エリア内で以下のアクションを実行してください。
1. [クリップボード]アイコンをクリックして、フォームIDをクリップボードにコピーします。
2. **[テーマエディタに移動]**をクリックします。
エディタの上部にあるページセレクターで、テンプレートの種類を選択し、フォームを追加するテンプレートを選択します。
**[テンプレート]**セクションで、インラインフォームをページテンプレートに追加します。
1. **[⊕ セクションを追加]**をクリックします。
2. **[アプリ]**タブをクリックします。
3. **[Forms]**をクリックします。
4. ブロック設定で、コピーしたフォームIDを**[フォームID]**フィールドに貼り付けます。
5. オプション：ブロックの色、スタイル、レイアウト設定を調整します。
[保存] をクリックします。

インラインフォームは、そのページテンプレートを使用するすべてのページに表示されます。