フォームビルダーを使用すると、SITE123ウェブサイト上のカスタムフォームにフィールドを追加、複製、または削除できます。このウォークスルーでは、ログイン、エディター内で関連ページを開く、テキストエリアフィールドを複製する、複製を削除する、最後にメールアドレスフィールドを追加して変更を保存するという、一般的なワークフローを解説します。
SITE123アカウントにログイン
• マネージャーのログイン ページ (例: https://app.site123-staging.com/manager/login ) を開きます。
• SITE123ユーザーのメールアドレスとパスワードを入力し、 「ログイン」をクリックします。
ウェブサイトエディタを開く
• ログインに成功すると、選択したプロジェクトの Web サイト ウィザードに自動的に転送されます。
フォームのあるページに移動します
• 上部のバーで「ページ」をクリックします。
• リスト内で、変更するフォームと一致するモジュール ID を持つページを見つけて選択します (この例では、モジュール ID は682f14300ed8bです)。
フォームを編集する
• ページはmoduleItemsIframeという iframe 内に読み込まれます。
• Textarea要素にマウスを移動し、編集(鉛筆) アイコンをクリックします。
• フィールド設定モーダルが開きます。変更を加えずに終了するには、 [保存/閉じる]をクリックします。
テキストエリアフィールドを複製する
• 同じテキストエリアにマウスを移動し、コピーアイコンをクリックします。複製されたフィールドが元のフィールドのすぐ下に表示されます。
重複したテキストエリアを削除する
• 複製されたテキストエリアにマウスを移動し、 「削除」 （ゴミ箱）アイコンをクリックします。ポップアッププロンプトで削除を確認します。
メールフィールドを追加する
• 利用可能な要素の左側の列で、 [電子メール フィールド]をクリックします。
• フィールドがフォームに挿入されます。チェックボックスアイコンをクリックして、必要に応じて検証を有効または無効にします（例：必須にする）。
フォームを保存する
• すべての変更を適用するには、フォーム エディター内の緑色の[保存]ボタンをクリックします。
公開（オプション）
• 更新したフォームを公開するには、Web サイト エディターのメイン ツールバーから[公開] をクリックします。
カスタムフォームの編集が完了しました。ログインし、特定のページを開き、既存のフィールドを複製・削除し、新しいメールアドレスフィールドを追加し、更新内容を保存しました。SITE123プロジェクトでフォームフィールドを調整する必要があるときはいつでも、これらの操作を繰り返してください。
