Editor X:コードを使用してカスタム登録フォームを作成する

読了時間:3分
Editor X は、代理店とフリーランサー向けの新しいプラットフォームである Wix Studio に移行します。Wix Studio について
新規登録フォームを使用すると、訪問者はサイトの会員として登録することができます。ポップアップで開くカスタム登録フォームをデザインし、入力要素を使用して必要な情報を収集します。

ステップ 1 | Velo を有効にして会員エリアを追加する

カスタム登録フォームを作成するために必要なものがすべて揃っていることを確認してください。コードを入力できるように開発モードを有効にして、訪問者が会員として登録できるように会員エリアを追加します。

開発モードと会員エリアを有効にする方法:

  1. エディタ上部で「開発モード」をクリックします。
  2. 開発モードを有効にする」をクリックします。
  3. 左上の「追加 をクリックします。
  4. サイト会員」をクリックします。
  5. 追加する」をクリックします。

ステップ 2 | ライトボックスにフォームを作成する

サイトに新しいライトボックスを追加しましょう。ここでカスタム登録フォームを作成し、デザインします。

ライトボックスを追加してフォームを作成する方法:

  1. 左上の「追加 をクリックします。
  2. レイアウトツール」をクリックします。
  3. ライトボックス」クリックします。
  4. ライトボックスをクリックして選択します。
  5. この記事の手順に従って、コードを使用したカスタム登録フォームを作成します。
  6. (オプション)ライトボックスをデザインします。
ヒント:
  • このライトボックスにパーツとメニューアイテムをリンクして、訪問者が登録するように誘導しましょう。詳細はこちらをご覧ください。
  • カスタム登録フォームはデータベースコレクションに接続されている入力要素に基づいています。入力フォームの作成に関する詳細はこちらをご覧ください。

ステップ 3 | カスタム登録を有効にする

フォームの準備ができたら、カスタム登録を有効にし、作成したライトボックスを選択して訪問者が登録できるようにします。

カスタム登録を有効にする方法:

  1. 左上の「ページ」アイコン  をクリックします。
  2. 会員エリア」にマウスオーバーして「もっと見る」アイコン  をクリックします。
  3. サイト会員の登録設定」を選択します。
  4. 下部で「カスタムログインを有効」をクリックします。
  5. 右上の「閉じる」アイコン  をクリックします。
  6. カスタムログインを有効」トグルをクリックします。
  7. ライトボックスを選択」をクリックし、ドロップダウンから新しいライトボックスを選択します。
  8. 完了」をクリックします。
  9. 保存」をクリックします。
次の手順に従ってください。
新規会員が登録フォームに記入すると、その情報はデータベースコレクションに自動的に保存されます。

お役に立ちましたか?

|