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

CMS:署名入力フィールドをコレクションに接続する

7分
署名入力要素を使用すると、サイト上で直接デジタル署名を収集することができます。CMS(コンテンツ管理システム)コレクションでは、署名を 1か所で保存および管理することができます。

他の入力要素を追加し、それらを同じデータセットに接続して、複数のフィールドを含むカスタム CMS フォームを作成することができます。たとえば、写真家は顧客がオンラインで承諾書に署名できるようにし、その署名をデータベースに保存することで、文書管理を効率化することができます。
始める前に:

ステップ 1 | 署名入力要素を追加・設定する

ページに署名入力要素を追加し、設定、レイアウト、デザインをカスタマイズします。
Wix エディタ
Wix Studio エディタ
  1. エディタ左側で「パーツを追加 をクリックします。
  2. 入力欄」をクリックします。
  3. 署名の入力」をクリックします。
  4. 選択した「署名の入力」パーツをクリックして、ページにドラッグします。
署名の入力要素を追加しているスクリーンショット。
  1. 署名パーツの「設定」をクリックし、以下を編集します:
    • 項目タイトル:入力に表示される名前を編集します。これにより、スクリーンリーダーに入力の内容を知らせることができます。
    • 署名のリセットボタン:署名をリセットするために、訪問者がクリックするボタンに表示される名前を編集します。
    • この項目は:「必須項目です」チェックボックスを選択して、コレクションに送信する前に署名を入力することを必須にします。
  2. レイアウト」アイコン  をクリックし、テキスト配置、プレースホルダの余白などを調整します。
  3. デザイン」アイコン  をクリックし、別のプリセットデザインを選択します。「デザインをカスタマイズ」をクリックすると、デザインをさらに細かくカスタマイズすることができます。

ステップ 2 | 署名入力を CMS に接続する

署名入力要素を、署名を保存する CMS コレクションにバインドするデータセットに接続します。この署名値はコレクション内の「画像フィールドタイプ」に接続することができます。
Wix エディタ
Wix Studio エディタ
  1. エディタで署名入力要素をクリックします。
  2. CMS に接続」アイコン  をクリックします。
  3. データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。または、「データセットを追加」をクリックし、接続するコレクションを選択し、データセット名を入力して「作成」をクリックします。
  4. Value を接続」ドロップダウンをクリックし、署名を保存する「画像」フィールドを選択します。署名を保存するために画像フィールドを追加する必要がある場合は、「新しいフィールドを追加」を選択します。
署名値をコレクションのフィールドに接続しているスクリーンショット。
  1. (必要な場合)データセット設定を調整します:
    1. 右側の「動画プレーヤーを接続」パネルで「データセット設定」をクリックします。
    2. 権限:」横の権限タイプをクリックし、コレクションの「権限・プライバシー」の設定を編集します。
    3. データセットモード」ドロップダウンをクリックし、該当するオプションを選択します:
      • 読み取り・書き込み:データセットに接続されている要素は、コレクションのコンテンツを表示することができます。入力要素は、コレクション内のコンテンツを追加または編集できます。
      • 書き込み:データセットに接続されている要素は、コレクションのコンテンツを追加および編集できます。ただし、接続された要素にコレクションのコンテンツを表示することはできません。
  2. 「送信」ボタンを追加して、訪問者がクリックして、データセットに接続する他の入力要素に署名や回答を送信できるようにします。
  3. プレビュー」をクリックし、署名入力をテストします。
  4. 変更内容を公開する準備ができたら、「公開」をクリックします。

よくある質問

署名入力要素に関するよくある質問と回答については、以下をクリックしてください。
署名の入力要素を追加しているスクリーンショット。
署名値をコレクションのフィールドに接続しているスクリーンショット。