폼 빌더를 사용하면 SITE123 웹사이트의 모든 사용자 지정 폼에서 필드를 추가, 복제 또는 제거할 수 있습니다. 이 연습에서는 로그인, 편집기에서 관련 페이지 열기, 텍스트 영역 필드 복제, 중복 필드 삭제, 마지막으로 이메일 필드 추가 및 변경 사항 저장의 일반적인 워크플로를 살펴보겠습니다.
SITE123 계정에 로그인하세요
• 관리자 로그인 페이지를 엽니다(예: https://app.site123-staging.com/manager/login
).
• SITE123 사용자의 이메일 주소와 비밀번호를 입력하고 로그인을 클릭하세요.
웹사이트 편집기를 엽니다
• 로그인에 성공하면 귀하가 선택한 프로젝트의 웹사이트 마법사로 자동으로 이동하게 됩니다.
양식이 포함된 페이지로 이동하세요
• 상단 바에서 페이지를 클릭합니다.
• 목록 내부에서 변경하려는 양식과 일치하는 모듈 ID가 있는 페이지를 찾아 선택합니다(예시에서 모듈 ID는 682f14300ed8b
입니다).
양식을 편집하세요
• 페이지는 moduleItemsIframe 이라는 iframe 내부에 로드됩니다.
• Textarea 요소 위에 마우스를 올려놓고 편집 (연필) 아이콘을 클릭합니다.
• 필드 설정 모달이 열립니다. 변경하지 않고 종료하려면 저장/닫기를 클릭하세요.
텍스트 영역 필드를 복제합니다
• 같은 텍스트 영역 위에 다시 마우스를 올리고 '복사' 아이콘을 클릭하세요. 복제된 필드가 원본 필드 바로 아래에 나타납니다.
중복된 텍스트 영역을 삭제하세요
• 복제된 텍스트 영역 위에 마우스를 올리고 ' 제거 '(휴지통) 아이콘을 클릭하세요. 팝업 창에서 삭제를 확인하세요.
이메일 필드 추가
• 사용 가능한 요소의 왼쪽 열에서 이메일 필드를 클릭합니다.
• 필드가 양식에 삽입됩니다. 필요에 따라 확인란 아이콘을 클릭하여 유효성 검사를 활성화하거나 비활성화할 수 있습니다(예: 필수로 설정).
양식을 저장하세요
• 모든 변경 사항을 적용하려면 양식 편집기 내부의 녹색 저장 버튼을 클릭하세요.
게시(선택 사항)
• 업데이트된 양식을 활성화하려면 웹사이트 편집기의 기본 도구 모음에서 게시를 클릭합니다.
사용자 지정 양식을 성공적으로 편집했습니다. 로그인하고, 특정 페이지를 열고, 기존 필드를 복제 및 삭제하고, 새 이메일 필드를 추가하고, 업데이트를 저장했습니다. SITE123 프로젝트에서 양식 필드를 조정해야 할 때마다 이 작업을 반복하세요.