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

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

7分
訪問者がスイッチを切り替え、ブーリアン型(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. 変更内容を公開する準備ができたら、「公開」をクリックします。

Helpmate

こんにちは、さん

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