우리의 단계별 가이드를 활용하여 WeWeb 웹사이트에서 회원 전용 섹션을 만드세요. 개인적인 회원 전용 접근을 구축하고자 하는 사업체에 이상적입니다.
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 계정을 가지고 있어야하며, 로그인 해야합니다. 그래서 WeWeb 웹사이트에 접속하고 계정에 로그인하세요. 계정이 없다면 "회원가입" 버튼을 클릭하고 나타나는 단계에 따라 새 계정을 만드세요.
2 단계: WeWeb 편집기를 엽니다
WeWeb 계정에 로그인하면 메인 대시보드가 표시됩니다. 여기에서 현재 웹사이트를 관리하거나 새로운 웹사이트를 만들 수 있습니다. 회원 전용 섹션을 추가하려는 웹사이트를 찾아 클릭하세요. 이렇게 하면 웹사이트 편집 페이지로 이동합니다.
3 단계: 회원 전용 섹션을 위한 새 페이지를 만듭니다
웹사이트 편집기에서 왼쪽에 "페이지 추가"라고 표시된 옵션이 있습니다. 이를 클릭하면 새 페이지의 이름을 지정할 수 있는 프롬프트가 열립니다. 페이지에 "회원 전용"과 같은 적절한 이름을 지정하세요.
4 단계: 페이지 가시성 설정
페이지가 생성되면 누가 볼 수 있는지 결정해야합니다. 이를 위해 페이지 편집기의 "설정" 탭으로 이동하세요. "가시성" 섹션을 찾습니다. 이 섹션에서 "비공개" 옵션을 선택하세요. 이렇게 하면 로그인한 회원만이 페이지를 볼 수 있게 됩니다.
5 단계: 회원 접근 설정
페이지의 가시성을 비공개로 설정한 후에는 회원 접근을 설정해야합니다. "설정"으로 돌아가 "접근" 섹션을 선택합니다. 여기에서 회원 전용 페이지에 누가 어떤 수준의 접근권한을 가질 수 있는지 결정할 수 있습니다. 이는 전체 접근, 읽기 전용 접근 또는 편집 접근이 될 수 있습니다. 이를 선호하는 방식으로 설정하세요.
6 단계: 회원 전용 페이지 디자인
페이지 설정이 완료되면 디자인을 시작합니다. 편집기로 돌아가면 텍스트, 이미지, 양식 등을 추가하는 등 페이지를 사용자 정의하는 많은 옵션이 있습니다. 회원을 위한 필요한 모든 콘텐츠와 기능을 페이지에 두어야합니다.
7 단계: 회원 등록 구현
회원이 웹사이트에 가입하거나 로그인 할 수 있는 시스템이 필요합니다. 페이지 편집기에서 "사용자 계정" 기능을 찾습니다. 이 옵션을 사용하면 웹사이트에 등록 및 로그인 양식을 추가할 수 있습니다. 알맞게 필드를 추가하거나 불필요한 것을 제거하여 양식을 사용자 정의할 수 있습니다.
8 단계: 변경 사항 저장 및 게시
모든 설정이 완료되면 변경 사항을 저장하고 게시할 차례입니다. 편집기의 오른쪽 상단 구석에 "저장" 버튼이 있어야합니다. 이 버튼을 클릭하여 변경 사항을 저장하세요. 저장 후에는 새 페이지를 게시하라는 메시지가 표시됩니다. "게시"를 클릭하기 전에 모든 것이 순서대로 되어 있는지 확인하세요.
9 단계: 작업 테스트
마지막으로 새로운 회원 전용 섹션이 예상대로 작동하는지 테스트하는 것이 좋습니다. 새 회원을 등록하고 회원 전용 페이지에 로그인하여 접속해 보세요.
축하합니다! 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.