CMS:スイッチ入力要素を追加・設定する

読了時間:6分
訪問者がスイッチを切り替え、ブーリアン型(true または false)コレクションフィールドにバイナリ応答を送信できるようにします。たとえば、「スイッチ」入力要素を使用して、訪問者がその他の入力要素で構成されたカスタムフォームからニュースレターにオプトインできるようにすることができます。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. スイッチ入力要素を追加します:
    1. 訪問者がスイッチ入力を使用して、回答を送信できるようにしたいページに移動します。
    2. エディタ左側で「パーツを追加 をクリックします。
    3. 入力欄」をクリックします。
    4. スイッチ」をクリックします。
    5. 該当するスイッチ入力要素をクリックしてページにドラッグします。
Wix エディタでスイッチ入力要素を追加しているスクリーンショット。
  1. スイッチ要素を、訪問者からの回答を保存する CMS コレクションに接続します:
    1. スイッチ要素の「CMS に接続」アイコン  をクリックします。
    2. データセットを選択」ドロップダウンをクリックし、回答を保存するコレクションに接続されているデータセットを選択します。
    3. トグルスイッチの接続先」ドロップダウンをクリックし、回答を保存するブーリアン型フィールドを選択します。
      ヒント:回答を保存する新しいフィールドを追加するには、ドロップダウン下部の「新しいフィールドを追加」を選択し、フィールド名を入力して「追加」をクリックします。
    4. データセットモードとコレクションの権限を設定します:
      1. データセット設定」をクリックします。
      2. データセットモード」ドロップダウンをクリックし、「書き込み」または「読み取り&書き込み」を選択します。
      3. (必要に応じて)「コレクションの権限」横の権限タイプをクリックし、最初のドロップダウンで「フォームの回答」を選択します。その他のドロップダウンをクリックして、権限を絞り込むことができます。権限の設定が完了したら、「保存する」をクリックします。
      4. データセット設定」パネルの上部にある「スイッチ要素に戻る」をクリックします。
Wix エディタでコレクションの権限とデータセットモードを設定しているスクリーンショット。
  1. スイッチ入力要素をカスタマイズします:
    • 設定」をクリックし、以下を編集します:
      • 項目名:スイッチのタイトルを編集します。
      • :(Velo のみ)JavaScript コードで使用されるコンポーネントの値プロパティを入力します。
      • 項目タイプ:デフォルトでスイッチをオンにしたい場合は、チェックボックスを選択します。
    • レイアウト」アイコン  をクリックし、ハンドルの位置、サイズ、方向を変更します。
    • デザイン」アイコン  をクリックし、スイッチオンスイッチオフの両方の状態のデザインをカスタマイズします。
スイッチ要素の設定を調整しているスクリーンショット。
  1. 訪問者がクリックして回答を送信できるよう、「送信」ボタンを追加・設定します。
「送信」ボタンを追加しているスクリーンショット。
  1. プレビュー」をクリックし、接続をテストします。
  2. 変更内容を公開する準備ができたら、「公開」をクリックします。

お役に立ちましたか?

|