우리 웹의 다양한 양식 사용자 정의 옵션에 대한 자세한 단계별 가이드를 탐색해보세요. 양식을 완벽하게 맞추는 방법을 찾아보세요.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1단계: 기본 이해
WeWeb에서 양식을 사용자 정의하는 옵션에 바로 뛰어들기 전에, WeWeb이 코드 없이 전문적으로 디자인된 웹사이트를 만들 수 있는 방법을 이해하는 것이 중요합니다. 이 기능 중 하나가 양식 사용자 정의이며, 이를 통해 연락처 양식부터 구독 양식 등 귀하의 필요에 맞는 양식을 디자인할 수 있습니다.
2단계: WeWeb 대시보드 접속
양식 사용자 정의 옵션을 살펴보려면 먼저 WeWeb에 로그인하세요. 홈페이지에서 오른쪽 상단에 위치한 "Sign In" 버튼을 선택하십시오. 로그인 정보를 입력하고 다시 "Sign In"을 클릭하여 대시보드에 접속하세요.
3단계: 웹사이트 편집기 열기
대시보드에 접속하면 활성 웹사이트의 개요를 볼 수 있습니다. 양식을 추가하길 원하는 웹사이트를 선택하십시오. 이렇게 하면 WeWeb 에디터가 열리고 웹사이트의 레이아웃 및 콘텐츠에 변경을 가할 수 있습니다.
4단계: 웹사이트에 양식 추가
에디터 내 왼쪽 탐색 메뉴의 "Add" 버튼을 클릭하여 웹사이트에 새 양식을 추가할 수 있습니다. 이렇게 하면 드롭다운 메뉴가 열립니다. "Form" 옵션을 찾을 때까지 아래로 스크롤한 뒤 이를 클릭하여 기본 양식을 디자인에 추가하십시오.
5단계: 양식 사용자 정의 시작
양식을 추가한 후에는 필요에 맞게 이를 사용자 정의하기 시작할 수 있습니다. 여기 WeWeb의 양식 에디터를 사용하여 선택할 수 있는 몇 가지 옵션이 있습니다:
양식 필드 사용자 정의:
이 섹션에서는 양식의 구조를 변경합니다. 양식 필드를 추가하거나 제거하고, 이름을 변경하고, 재정렬하며, 필요한 경우 필수 또는 선택적으로 설정할 수 있습니다.
이렇게 하려면 변경하려는 양식을 선택하고 메뉴에 표시되는 "Field" 버튼을 클릭하십시오. 이렇게 하면 양식 필드를 필요에 따라 조작할 수 있는 필드 사용자 정의 창이 열립니다.
양식 스타일 사용자 정의:
WeWeb은 웹사이트의 미적 감각에 맞춰 양식 스타일을 사용자 정의하는 것을 허용합니다. 배경색, 테두리 반경, 양식 필드 테두리 색, 텍스트 색, 버튼 색 등을 변경할 수 있습니다.
이러한 옵션에 액세스하려면 양식을 선택하고 메뉴에서 "Style" 버튼을 클릭하십시오. 이렇게 하면 스타일 사용자 정의 창이 열리고 양식에 대한 다양한 시각적 옵션을 제공합니다.
양식 로직 사용자 정의:
시각 스타일 이외에도 WeWeb은 양식 작동 방식을 미세 조정하는 옵션을 제공합니다. 이에는 양식의 방식(GET 또는 POST)을 설정하고 출력 이메일을 구성하고 제출 후 리디렉션 URL을 설정하거나 맞춤형 ‘감사합니다’ 메시지를 표시하는 것이 포함됩니다.
이 기능에 액세스하려면 양식을 선택하고 "Settings" 버튼을 클릭하십시오. 이렇게 하면 양식 로직 설정에 이동하며 이곳에서 이러한 옵션을 선호하는 대로 조정할 수 있습니다.
6단계: 변경 사항 적용 및 출판
양식에 필요한 모든 사용자 정의를 마친 후에는 "Apply" 버튼을 사용하여 변경 사항을 적용하십시오. 그런 다음 상단의 미리보기 툴바를 사용하여 다양한 기기에서 어떻게 보이는지 미리볼 수 있습니다. 변경 사항에 만족하면 "Publish"를 클릭하여 양식을 웹사이트에 실시간으로 게시하십시오.
요약하면, WeWeb은 양식 필드 구조, 시각 스타일, 운영 로직에 대한 다양한 양식 사용자 정의 옵션을 제공합니다. 핵심은 각 기능을 이해하고 효과적으로 사용하여 특정 요구를 충족시키는 데 있습니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.