header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ステップ 1 | カスタムフォームを作成する
  • ステップ 2 | フォームにタイトルを追加する
  • ステップ 3 | フォームに項目を追加する
  • ステップ 4 | 確認メッセージを追加する
  • ステップ 5 | ライブフォームを確認して共有する
  • よくある質問

Wix フォーム:カスタムフォームを追加・設定する

10分
この記事内
  • ステップ 1 | カスタムフォームを作成する
  • ステップ 2 | フォームにタイトルを追加する
  • ステップ 3 | フォームに項目を追加する
  • ステップ 4 | 確認メッセージを追加する
  • ステップ 5 | ライブフォームを確認して共有する
  • よくある質問
カスタムフォームを使用すると、サイトにフォームを直接埋め込むことなく、共有リンクを使用してユーザーから情報を収集することができます。旧フォームを使用する場合でも、アップグレードされた新しいフォームを使用する場合でも、簡単にユーザーから回答や免責同意書などを収集することができます。
チャットインターフェースが搭載された、新しいカスタムフォームの作成画面が表示されている様子を示したスクリーンショット。
新旧どちらのカスタムフォームを使用しているか確認したい場合:
新旧のカスタムフォームの違いについては、こちらの記事をご参照ください。

ステップ 1 | カスタムフォームを作成する

カスタムフォームは、サイトダッシュボードから始めから作成することも、テンプレートを使用してすばやく作成することもできます。新しいフォームでは、AI フォームアシスタントを活用して、最新のデザインのカスタムフォームを作成することができます。一方、旧フォームでは、使い慣れたインターフェースを使用してカスタムフォームを作成することができます。

カスタムフォームを作成する方法:

新カスタムフォーム
旧カスタムフォーム
  1. サイトダッシュボードの「フォーム・回答内容」にアクセスします。
  2. 右上の「フォームを作成」をクリックします。
  3. ドロップダウンメニューで「カスタムフォーム」を選択します。
  4. フォームビルダーで、以下のいずれかの方法を使用してフォームに項目を追加します:
    • AI フォームアシスタント」パネルに、作成したいフォームの種類を入力します(例:「イベント用の参加申し込みフォーム」など)。
    • 追加」アイコン をクリックし、フォームに必要な項目をドラッグアンドドロップして、各項目を手動で追加します。
ヒント:
AI に作成したいフォームの種類を伝え、「デザイン」アイコン をクリックしてテーマを選択すると、簡単に用途に適した項目が追加されたカスタムフォームを作成することができます。
フォームビルダーに、「AI フォームアシスタント」パネルが表示されている様子を示したスクリーンショット。

ステップ 2 | フォームにタイトルを追加する

フォームにタイトルを追加すると、訪問者がフォームの内容を一目で把握できるようになります。追加したタイトルは、カスタムフォームの上部に表示されます。また、タイトルの下にはフォームの説明文や、フォームの入力に関するヒントなどを追加することもできます。

フォームにタイトルを追加する方法:

新カスタムフォーム
旧カスタムフォーム
  1. フォームビルダー上部の「編集」タブをクリックします。
  2. フォーム上で、タイトルまたは説明文が表示されているテキストボックスをクリックします。
  3. テキストを編集」をクリックします。
  4. 新しいタイトルまたは説明文を入力します。
  5. ツールバーを使用してテキストの書式(例:見出し、段落、太字、斜体など)を設定します。
  6. テキストボックスの外側をクリックし、変更内容を保存します。
新しいカスタムフォームのヘッダーで、タイトルと説明文を編集した様子を示したスクリーンショット。
フォーム名を変更したい場合:
フォームビルダー上部で、現在のフォーム名(例:「マイフォーム 1」など)をクリックすると、フォーム名を変更して他のフォームと区別しやすくすることができます。

ステップ 3 | フォームに項目を追加する

カスタムフォームは、連絡先項目と任意の項目を組み合わせてカスタマイズすることができます。また、フォームの作成中は、項目を並べ替えたり、項目を複製したり、特定の項目を必須項目にしたりすることもできます。さらに、新しいフォームでは、AI フォームアシスタントに必要な項目を伝えて、自動で項目を追加してもらうこともできます。

フォーム項目を追加してフォームを管理する方法:

新カスタムフォーム
旧カスタムフォーム
  1. フォームビルダー上部の「編集」タブをクリックします。
  2. 新しい項目を追加する方法を選択します:
    • AI フォームアシスタントに指示(「電話番号の項目を追加してください」など)を入力し、必要な項目を自動で追加します。
    • 追加」アイコン をクリックし、「フォーム項目を追加」パネルで目的の項目を選択して、フォーム上にドラッグします。
  3. 新しい項目をクリックし、次に実行する内容を選択します:
    • 設定」をクリックし、項目のタイトルを編集したり、必須項目にしたり、プレースホルダテキストを入力したりします。
    • フォーム内で項目をドラッグアンドドロップして配置を変更します。
    • 複製」アイコン をクリックし、この項目のコピーを作成します。
      注意:このオプションは、特定の項目でのみ使用することができます。
  4. (オプション)フォームの各部分を説明するための「テキスト」パーツ、または「見出し」パーツを追加します。
AI フォームアシスタントを使用して、電話番号の項目を追加した様子を示したスクリーンショット。
重要:
「ファイルのアップロード」および「署名」の項目を追加するには、Wix フォームをアップグレードする必要があります。

ステップ 4 | 確認メッセージを追加する

送信ボタンのテキストとサンキューメッセージは、ともにカスタマイズすることができます。フォームを更新したら、変更内容を保存します。

確認メッセージを追加する方法:

新カスタムフォーム
旧カスタムフォーム
  1. フォームビルダー上部の「設定」タブをクリックします。
  2. 確認メッセージ」セクションに移動します。
  3. フォームが送信された時」下で、「メッセージを表示」を選択します。
  4. テキストボックスに確認メッセージ(例:「ご回答ありがとうございました」など)を入力します。
    ヒント:テキストボックス上部のオプションを使用すると、必要に応じてテキストの書式を設定することができます。
  5. (オプション)送信ボタンのテキストを編集します:
    1. 編集」タブに戻ります。
    2. フォーム下部の「送信」ボタンをクリックします。
    3. 新しいテキスト(最大 28文字)を入力し、ボタンの外側をクリックして保存します。
  6. 右上の「保存する」をクリックし、変更内容を適用します。
ヒント:
AI フォームアシスタントに、ボタンのテキストを変更するよう指示することもできます(例:「送信ボタンのテキストを「提出」に変更してください」など)。
AI フォームアシスタントに、送信ボタンのテキストを変更してもらった様子を示したスクリーンショット。

ステップ 5 | ライブフォームを確認して共有する

フォームの準備ができたらプレビューし、固有の URL をコピーして、メールや SNS など、回答を収集したい場所で共有します。

フォームを確認して共有する方法:

新カスタムフォーム
旧カスタムフォーム
  1. フォームビルダー上部の「プレビュー」タブをクリックします。
  2. 右上の「共有」をクリックします。
  3. コピー」をクリックしてフォームのリンクをコピーするか、FacebookWhatsAppX(Twitter)LinkedIn などの共有オプションを選択します。
カスタムフォームを共有するオプションが表示されているスクリーンショット。
ヒント:
カスタムフォームはいつでも管理して、必要に応じて項目を追加したり、フォームを編集・調整したりすることができます。

よくある質問

詳細については、以下の質問をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.