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

CMS:住所入力要素を追加・設定する

6分
サイトページに住所入力要素を追加して、訪問者が入力した住所をコレクションに送信できるようにします。住所入力要素には、Google の住所検索機能と住所自動入力機能が使用されているため、訪問者は簡単に自身の住所を入力することができます。
住所入力パーツを住所コレクションのフィールドに接続した様子を示したスクリーンショット。
始める前に:

ステップ 1 | 住所入力を追加・設定する

ページに住所入力要素を追加して、設定、レイアウト、デザインをカスタマイズします。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. 左側で「パーツを追加 をクリックします。
  3. 入力欄」をクリックします。
  4. 住所入力」をクリックします。
  5. 使用する住所入力要素をページにドラッグします。
住所入力パーツを追加する様子を示したスクリーンショット。
  1. 住所入力要素で「設定」をクリックします。
  2. パーツの上部に表示される「項目タイトル」を入力します。
  3. 訪問者が住所を入力する前に表示される「プレースホルダテキスト」を入力します。
    ヒント:プレースホルダテキストが不要な場合は、「初期テキスト」下で「なし」を選択します。
  4. (オプション)訪問者が入力した住所がコレクションのコンテンツに書き込まれないようにするには、「読み取り専用」チェックボックスを選択します。これは、住所入力要素をデータを送信する目的ではなく、コンテンツを表示する目的で使用する場合に便利です。
  5. 住所のオートコンプリート(自動入力)」下でオプションを選択します:
    • すべての国:訪問者が入力を開始すると、オートコンプリート機能がすべての国の住所を対象として、入力中の住所を補完します。
    • 1か国:訪問者が入力を開始すると、オートコンプリート機能が 1つの国の住所を対象として、入力中の住所を補完します。対象とする国は、「国を選択」ドロップダウンから選択することができます。
  6. レイアウト」アイコン をクリックし、テキストの配置、プレースホルダの余白、および「ドロップダウンリスト表示」セクションなどを設定します。
  7. デザイン」アイコン をクリックし、別のプリセットデザインを選択します。「デザインをカスタマイズ」をクリックすると、デザインをさらに細かくカスタマイズすることができます。

ステップ 2 | 住所入力を CMS に接続する

住所入力要素を、データセットを介して入力内容が保存されるコレクションに接続します。住所入力要素は、コレクションの既存の住所フィールドに接続することも、新しく住所フィールドを作成してそちらに接続することもできます。
Wix エディタ
Wix Studio エディタ
  1. エディタで住所入力要素をクリックします。
  2. CMS に接続」アイコン  をクリックします。
  3. データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。または、「データセットを追加」をクリックし、接続するコレクションを選択し、データセット名を入力して「作成」をクリックします。
  4. Value を接続」ドロップダウンをクリックし、入力内容を保存する住所フィールドを選択します。
    ヒント:「新しいフィールドを追加」を選択し、入力内容を保存する新しいコレクションフィールドを追加することもできます。
  5. データセットモードとコレクションの権限を設定します:
    1. 右側のパネルで「データセット設定」をクリックします。
    2. (オプション)「権限」横の権限タイプをクリックし、コレクションのコンテンツを表示、追加、更新、または削除できるユーザーを指定します。
    3. データセットモード」ドロップダウンをクリックし、該当するオプションを選択します:
      • 書き込み:接続された入力要素はコレクションに新しいアイテムを追加することはできますが、既存のアイテムを編集することはできません。
      • 読み取り・書き込み:接続された要素は、コレクション内の既存のアイテムを更新できます。「新しい」ボタンを接続する場合、訪問者はそれを使用して、コレクションに既存のアイテムを更新したり、新しいアイテムをコレクションに追加したりすることができます。
  6. 訪問者がクリックして回答を送信できるよう、「送信」ボタンを作成・設定します。