Shopify 제품을 Webflow 사이트에 추가하기 - Webflow 도움말
콘텐츠를 무료, 유료 또는 계층화된 멤버십으로 개인화하고 수익화하세요.
Webflow 사용자 계정을 사용하면 사용자를 추가하고 로그인 기능을 제공하며, 접근 그룹을 통해 페이지 접근을 제어하여 청중을 위한 제한된 콘텐츠 경험을 구축할 수 있습니다. 또한 구독료가 있는 멤버십을 만들어 반복 수익으로 사이트나 비즈니스를 확장하거나, 사용자 API를 통해 메일링 리스트나 고객 관계 관리 도구와 동기화할 수 있습니다. 초대 전용 멤버십 사이트든, 프리미엄 콘텐츠 구독이 있는 온라인 비즈니스든, 사용자 계정은 사이트를 생성, 관리 및 성장시키는 데 도움을 줄 수 있습니다.
사용자 계정에 접근하는 방법
Webflow 사용자 계정을 시작하려면 사용자 계정 템플릿이나 복제 가능한 사이트를 선택하거나 처음부터 사이트를 시작할 수 있습니다.
사용자 계정 템플릿을 선택하면 사용자 계정이 기본적으로 활성화됩니다. 다른 템플릿이나 기존 사이트의 경우 CMS 탭을 클릭한 다음 사용자를 클릭하여 사용자 계정을 활성화하세요.
활성화 후, 사용자 아래의 추가 패널에서 사용자 관련 컬렉션, 페이지 및 새로운 요소를 얻을 수 있습니다.
사용자 계정 컬렉션
2개의 컬렉션이 생성됩니다: 사용자 계정과 접근 그룹.
사용자 계정 사용자 페이지
사용자 페이지(예: 로그인, 가입, 사용자 계정)는 자동으로 생성되며 페이지 패널의 사용자 페이지 아래에 표시됩니다. 이들은 스타일을 지정할 수 있습니다.
사용자 계정 요소
로그인/로그아웃 버튼
미리 만들어진 로그인/로그아웃 버튼이 제공됩니다. 추가 패널 > 요소 > 사용자에서 찾을 수 있으며 원하는 위치(예: 네비게이션 바)에 드래그할 수 있습니다.
상태: 로그인됨(기본 텍스트: "로그아웃") 및 로그아웃됨("로그인"). 요소 설정 > 사용자 로그인/로그아웃 설정에서 텍스트를 사용자 지정할 수 있습니다.
구독 요소
사용자 계정과 전자상거래가 활성화된 사이트를 위한 미리 만들어진 구독 요소가 제공됩니다. 사용자 계정 페이지에 추가하여 사용자가 구독 세부 정보를 보고 구독을 취소할 수 있습니다.
액세스 그룹 관리 방법
액세스 그룹은 사용자가 접근할 수 있는 콘텐츠를 제어합니다. 무료 또는 유료 그룹을 만드세요.
무료 액세스 그룹 생성 방법
- 사용자 아이콘 클릭 > 액세스 그룹 > 새 액세스 그룹
- 액세스 설정에서 무료 액세스 선택
- 액세스 부여:
- 사용자를 수동으로 추가한 후 (가입 후 수동 추가)
- 사용자가 가입하고 계정을 확인한 후 (가입 후 자동 추가)
- 제한된 페이지/폴더 추가 후 생성 클릭
유료 액세스 그룹 생성 방법
- 전자상거래 활성화
- 멤버십 제품 설정 (전자상거래 > 제품 > 새 제품, 멤버십 선택, 세부사항 설정)
- 청구 설정 (일회성 또는 구독, 구독 시 기간 선택)
- 제품 생성 후 사용자 > 액세스 그룹 > 새 액세스 그룹
- 유료 액세스 선택; 멤버십 제품 연결
- 제한된 콘텐츠 추가 후 생성 클릭
액세스 그룹 삭제 방법
- 사용자 > 액세스 그룹
- 그룹 선택 후 삭제 클릭
- 삭제 확인
페이지 제한 관리 방법
액세스 그룹 설정 또는 페이지 설정에서 제한을 설정하세요 (사용자/유틸리티 페이지 제외).
액세스 제어 설정
- 공개: 누구나 접근할 수 있습니다.
- 페이지 패널 > 설정 > 접근 제어: 공개 > 저장
- 비밀번호를 아는 사람만: 페이지 비밀번호 설정, 활성화된 사이트 플랜 필요
- 설정에서 "비밀번호를 아는 사람만" 선택
- 특정 사용자만: 접근 그룹 할당
- "특정 사용자만" 선택하고 접근 그룹 선택
사용자 계정 관리 방법
가입한 모든 사용자는 사용자 > 사용자 계정 아래에 표시됩니다. 사용자를 관리하고 추가, 초대, 수정 또는 삭제할 수 있습니다.
사용자는 자신의 사용자 계정 페이지에서 비밀번호와 환경설정을 관리할 수 있습니다.
사용자 계정 목록
- 사용자 > 사용자 계정에서 확인할 수 있는 항목:
- 인증 상태
- 생성 및 마지막 로그인 날짜
- 이름 및 이메일
- 접근 설정 (접근 그룹)
- 전자상거래 주문 및 구독
- 사용자 정의 필드 정보
사용자 계정 추가 방법
- 사용자 아이콘 > 사용자 계정 > 새 사용자 초대
- 이메일 입력, 접근 그룹 선택, 초대 클릭
- 사용자는 가입 이메일을 받고 초대됨으로 표시됩니다.
초대를 다시 보낼 수 있습니다.
Logic으로 사용자 초대
Webflow Logic의 사용자 초대 블록을 사용하여 프로그래밍 방식으로 초대하고 외부 데이터베이스에서 마이그레이션할 수 있습니다.
Logic에 대해 더 알아보기
사용자 비밀번호 재설정 방법
- 사용자 > 사용자 계정에서 사용자를 클릭하고 재설정 이메일 보내기 선택
사용자는 자신의 사용자 계정 페이지에서 비밀번호를 재설정할 수도 있습니다.
사용자 계정 환경설정 업데이트 방법
사이트 소유자는 사용자 액세스 그룹과 사용자 정의 필드를 편집할 수 있습니다. 사용자는 자신의 계정에서 세부 정보를 편집할 수 있습니다.
Logic으로 사용자 계정 업데이트하기
Logic의 사용자 계정 업데이트 블록으로 선호 설정을 자동으로 업데이트하세요.
Logic에 대해 더 알아보기
사용자 계정 삭제 방법
- 사용자 > 사용자 계정에서 사용자 선택, 삭제 클릭, 확인
- Logic의 사용자 계정 삭제 블록으로도 삭제 가능
로그인 상태에 따라 요소 가시성 설정 방법
요소 수준 게이팅을 사용하여 사용자의 로그인 상태에 따라 모든 요소를 표시/숨길 수 있습니다.
- 요소 선택
- 요소 설정 > 가시성 및 사용자 액세스 열기
- 사용자 액세스 조건 추가: "사용자 상태"와 "로그인됨" 또는 "로그아웃됨" 선택
- 저장 및 게시
조건을 제거하려면: 요소 선택, 설정 열기, 조건 삭제, 게시.
구독 관리 방법
전자상거래 > 구독에서 모든 사용자 구독을 확인하세요.
구독 목록
- 상태별로 구독 검색/필터링
- 선택 후 일괄 취소
구독 취소 방법
- 전자상거래 > 구독에서 구독 선택, 구독 취소 클릭, 확인
- 일괄 취소: 여러 개 선택, 구독 취소 클릭, 확인
사용자는 사용자 계정 페이지에서 자신의 구독을 취소할 수 있습니다 (구독 요소 필요).
사용자 시스템 비활성화 방법
사용자 계정을 완전히 비활성화할 수는 없지만, 사용자 시스템을 비활성화하고 사용자 페이지를 비공개로 설정할 수 있습니다:
- 사용자 패널 > 사용자 계정 (설정) > 게시 활성화 끄기
- 사용자 시스템 비활성화 클릭
- 사이트 게시