フォームの作成

フォームを作成して、以下の方法でビジネスの成長に役立てることができます。

お客様にメールマーケティングリストへの参加を促す
会社アカウントのリクエストフォームを使用して、卸売業者からの申し込みを受け付ける
ビジネスにとって重要なお客様に関するデータを収集する
サポートに関する問い合わせのためのお問い合わせフォームを作成する

フォームはエディタを使用してオンラインストアに合わせてカスタマイズでき、プライバシーに準拠した方法でお客様の情報を収集できます。フォームを作成する前に、フォームの種類ごとに利用できるさまざまなフォーム設定を確認してください。

ストアでは、複数のポップアップフォームやインラインフォーム、あるいはその両方を同時に表示できます。

このページの内容

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

Shopify Formsを作成するにあたり、以下の考慮事項を確認してください。

フォームは、有効化された場合にのみストアに表示されます。
ストアごとに最大 25 件のフォームを設定できます。
複数ステップのフォームはサポートされていません。
フォームでは条件付きロジックはサポートされていません。
既存のお客様がフォームを送信した場合、フォームに異なるメールアドレスや電話番号が含まれていても、登録されているメールアドレスや電話番号は変更されません。メールマーケティングに関する同意などの他のフィールドも、更新されない場合があります。既存のお客様のメールアドレスや電話番号を変更するには、管理画面で直接プロファイルを編集します。

フォームの種類

作成できるフォームには、ポップアップフォームとインラインフォームがあります。それぞれの違いと、表示するための要件を確認してください。

フォームの種類、説明、要件の概要。
フォームの種類	説明	要件
ポップアップフォーム	ページの上にオーバーレイとしてフローティング表示されるコンテンツです。ポップアップフォームで設定できる各種設定についてご確認ください。	ストアにポップアップフォームを表示するには、テーマにFormsテーマの埋め込みアプリをインストールする必要があります。
インラインフォーム	ページなど、テーマの特定のセクションに埋め込まれて表示されます。インラインフォームで設定できる各種設定についてご確認ください。	ストアにインラインフォームを表示するには、互換性のあるテーマを使用し、テーマにFormsテーマの埋め込みアプリをインストールする必要があります。

管理画面のFormsアプリから、ストアに表示するポップアップフォームを作成できます。ポップアップフォームを作成して有効にすると、ストアに自動的に表示されます。

ポップアップフォームを作成してストアに追加するには、以下の手順に従います。

ステップ1：テーマの Forms 埋め込みアプリを有効にする

初めてポップアップフォームを作成する場合は、テーマの Forms 埋め込みアプリを有効にする必要があります。Forms テーマの埋め込みアプリの設定がオンになっている限り、有効なポップアップフォームはすべてオンラインストアに表示されます。

すでに Forms 埋め込みアプリの設定を有効にしている場合は、ステップ2：ポップアップフォームを作成するに進んでください。

手順：

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

管理画面から、[アプリ] > [Forms] に移動します。
[フォームを作成] をクリックします。
[ポップアップフォーム] を選択します。
フォームの名前を入力し、[作成] をクリックします。
[ポップアップの表示] 設定で、以下のいずれかの操作を行います。
- フローティングポップアップフォームを作成するには、[フローティング] を選択し、ドロップダウンメニューからストア上の位置を選択します。
- オーバーレイポップアップフォームを作成するには、[オーバーレイ] を選択し、カラーピッカーを使用してオーバーレイの色を設定します。
フォームの以下の項目を設定します。
- ティーザーの設定
- フォームの設定
- フォームのフィールドを管理する
- 成功の設定
- スタイルの設定
- 画像の設定
- 動作の設定
任意：お客様がフォームを送信した後に顧客タグを作成するには、[タグ] フィールドにタグを入力して、既存のタグを選択するか新しいタグを作成します。
任意：フォームが送信されるたびにメール通知を受け取るには、[メール通知] セクションで [このフォームの送信ごとにメールを送信する] を選択します。
任意：フォームに関連付けられているオートメーションとワークフローを管理するには、[オートメーションとワークフロー] セクションで、任意のワークフローの横にある [管理] をクリックします。
[保存] をクリックします。

フォームにサポートされている言語の翻訳を追加できます。フォームを翻訳する手順は、使用する翻訳方法と、ストアに他の言語をすでに追加したかどうかによって異なります。

翻訳で自動翻訳が利用できない場合、「この言語では自動翻訳を利用できません」というメッセージが表示されます。

手順：

フォームの 「言語」 セクションで、以下のいずれかの操作を行います。
- すでにストアに他の言語を公開していて、その言語が[公開済み] セクションに表示されている場合は、次のステップに進んでください。
- 利用可能な言語が 「公開済み」 または 「未公開」 セクションに表示されない場合は、まずストアに新しい言語を追加する必要があります。
  1. [言語設定] をクリックします。
  2. [言語] ページで、[言語を追加する] をクリックします。
  3. ドロップダウンメニューから言語を選択し、ドメインに割り当てます。
  4. [完了] をクリックします。
  5. [<-- Forms] をクリックして Forms に戻り、編集を続けたいフォームを開きます。
お好みや利用可能な翻訳方法に応じて、以下のいずれかの操作を行います。
- 自動翻訳を使用する：
  1. 翻訳する言語の横にある [翻訳] をクリックします。翻訳したい言語が複数ある場合は、[すべて自動翻訳] を選択できます。
  2. [レビュー] をクリックして翻訳をプレビューします。
  3. [保存] をクリックします。
- 手動で独自の翻訳を追加する：
  1. 翻訳する言語の横にある [翻訳] をクリックします。
  2. 翻訳先の言語の列にある各フィールドに、翻訳を追加します。
  3. [保存] をクリックします。

フォームを作成すると、そのステータスはデフォルトで[無効] になります。フォームを有効化する前に、プレビューを使用して、フォームの各部分がお客様にどのように表示されるかを確認できます。

オンラインストアにフォームを表示する準備ができたら、[フォームをオンにする] をクリックします。フォームをオンにすると、ステータスが[有効] と表示されます。

フォームの有効化または無効化について、詳しくはこちら。

インラインフォームを作成してストアに追加する

インラインフォームを作成して、ストアの新しいページにフォームを追加したり、ストアの既存のページにフォームを埋め込んだりすることができます。以下の手順で、インラインフォームを作成してストアに追加します。

ステップ1：インラインフォームを作成する

管理画面から、[アプリ] > [Forms] に移動します。
[フォームを作成] をクリックします。
「インラインフォーム」を選択します。
フォームの名前を入力し、[作成] をクリックします。
フォームの以下の項目を設定します。
- フォームの設定
- フォームのフィールドを管理する
- 成功の設定
- スタイルの設定
任意：お客様がフォームを送信した後に顧客タグを作成するには、[タグ] フィールドにタグを入力して、既存のタグを選択するか新しいタグを作成します。
任意：フォームが送信されるたびにメール通知を受け取るには、[メール通知] セクションで [このフォームの送信ごとにメールを送信する] を選択します。
任意：フォームに関連付けられているオートメーションとワークフローを管理するには、[オートメーションとワークフロー] セクションで、任意のワークフローの横にある [管理] をクリックします。
[保存] をクリックします。

ステップ2：フォームを他の言語に翻訳する (任意)

翻訳で自動翻訳が利用できない場合、「この言語では自動翻訳を利用できません」というメッセージが表示されます。

手順：

フォームの 「言語」 セクションで、以下のいずれかの操作を行います。
- すでにストアに他の言語を公開していて、その言語が[公開済み] セクションに表示されている場合は、次のステップに進んでください。
- 利用可能な言語が 「公開済み」 または 「未公開」 セクションに表示されない場合は、まずストアに新しい言語を追加する必要があります。
  1. [言語設定] をクリックします。
  2. [言語] ページで、[言語を追加する] をクリックします。
  3. ドロップダウンメニューから言語を選択し、ドメインに割り当てます。
  4. [完了] をクリックします。
  5. [<-- Forms] をクリックして Forms に戻り、編集を続けたいフォームを開きます。
お好みや利用可能な翻訳方法に応じて、以下のいずれかの操作を行います。
- 自動翻訳を使用する：
  1. 翻訳する言語の横にある [翻訳] をクリックします。翻訳したい言語が複数ある場合は、[すべて自動翻訳] を選択できます。
  2. [レビュー] をクリックして翻訳をプレビューします。
  3. [保存] をクリックします。
- 手動で独自の翻訳を追加する：
  1. 翻訳する言語の横にある [翻訳] をクリックします。
  2. 翻訳先の言語の列にある各フィールドに、翻訳を追加します。
  3. [保存] をクリックします。

ステップ3：インラインフォームの配置を選択する

インラインフォームは、新しいランディングページまたは既存のページテンプレートのいずれかに表示できます。インラインフォームの配置に関する詳細はこちらをご覧ください。

フォームの変更を保存した後、ストアにフォームをどのように表示するかに応じて、以下のいずれかの配置オプションを設定します。

フォーム用の新しいページをオンラインストアに追加する

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

手順：

管理画面から、[アプリ] > [Forms] に移動します。
配置を更新するインラインフォームをクリックします。
フォーム設定の「配置」セクションで、「ランディングページを作成」をクリックします。
ダイアログで、ランディングページのタイトルと URL を入力し、「保存」をクリックします。新しいページが作成され、管理画面の「ページ」リストに追加されます。
任意：ランディングページのページタイトル、コンテンツ、またはハンドルを更新するには、「ページを編集」をクリックします。管理画面の「ページ」リストから、またはテーマエディタでページテンプレートを編集することで、いつでも変更を加えられます。

既存のページテンプレートにフォームを追加する

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

変更を保存した後、フォーム設定の「配置」セクションで「既存のページ」を選択します。
クリップボードアイコンをクリックして、フォーム ID をクリップボードにコピーします。
「テーマエディタに移動」をクリックします。
フォームの テンプレート セクションで、インラインフォームをページテンプレートに追加します。
1. 「⊕ セクションを追加」をクリックします。
2. 「アプリ」タブを選択します。
3. 「Forms」を選択します。
4. ブロック設定で、コピーしたフォーム ID を「フォーム ID」フィールドに貼り付けます。
5. 任意：ブロックの色、スタイル、レイアウトの設定を調整します。
「保存」をクリックします。

ステップ4：インラインフォームをプレビューして有効化する

フォームの有効化または無効化について、詳しくはこちら。

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

フォームを複製して、既存のフォームのすべてのフィールドと設定 (翻訳とインラインフォームの配置を除く) を含んだ新しいフォームを作成できます。

フォームを複製すると、新しいフォームはデフォルトで「無効」に設定されます。フォームを有効化する方法をご確認ください。

手順：

管理画面から、[アプリ] > [Forms] に移動します。
複製するフォームの「…」をクリックします。
ドロップダウンメニューから「フォームを複製」を選択します。
新しい複製フォームの名前を入力します。
変更するフォーム設定を編集してから、「保存」をクリックします。
ストアにフォームを表示するには、「フォームをオンにする」をクリックします。