ShopEngine을 사용하면 고객이 대시보드를 보고, 주문 및 다운로드를 추적하고, 계정 주소 및 세부 정보를 편집할 수 있는 "내 계정" 페이지를 쉽게 만들 수 있습니다. 바로 이 페이지에서 귀하의 웹사이트에 로그인하거나 계정을 등록할 수도 있습니다.
일반적으로 "내 계정 페이지"에는 계정 대시보드, 계정 주문, 계정 주문 세부정보, 계정 다운로드, 계정 주소, 계정 세부정보 및 계정 로그인/등록 페이지가 포함됩니다.
사용자를 위한 완전한 "내 계정 페이지"를 만들기 위해 이러한 각 페이지를 만드는 방법을 알아 보겠습니다.
1. 내 계정 대시보드 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 대시보드 그리고 계정 탐색 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-account-dashboard-1024x498.png)
2단계: 대시보드 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/Add-New-Template-2-1024x498.png)
- 템플릿 제공 이름-> 페이지 유형 선택: 내 계정 대시보드
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집 (템플릿 설정이 먼저 삽입된 다음 Elementor Page Builder로 열립니다.)
![](https://help.wpmet.com/wp-content/uploads/2021/04/Dashboard-Template-Settings-1024x498.png)
3단계: 구조 선택 #
- “를 클릭하세요.+” Elementor 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1024x498.png)
4단계: 대시보드 페이지 구축 #
계정 대시보드 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 계정 대시보드 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 블록에서 계정 대시보드 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 대시보드 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/editing-dashboard-page-and-save-it.gif)
5단계: 대시보드 페이지 미리보기 #
- 이제 내 계정 페이지 귀하의 웹 사이트->클릭 계기반. 고객이 자신의 장치에서 계정 대시보드를 어떻게 볼 수 있는지에 대한 미리보기입니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/preview-account-dashboard-page-1024x452.png)
2. 내 계정 주문 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 주문 위젯 계정 탐색 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-account-orders-widget-1024x492.png)
2단계: 내 계정 주문 템플릿 만들기 #
- ShopEngine-> 템플릿 -> 새로 추가로 이동하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/add-new-templates-for-order-page-1024x493.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 주문
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/account-order-page-template-1024x499.png)
3단계: 구조 선택 #
- “를 클릭하세요.+” Elementor 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 계정 주문 페이지 구축 #
계정 주문 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 내 계정 주문 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 요소 블록에서 Account Orders 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 주문 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/saving-the-my-account-orders-page-min.gif)
5단계: 계정 주문 페이지 미리보기 #
이제 내 계정 귀하의 웹 사이트 페이지 -> 클릭 명령. 이는 고객이 자신의 장치에서 주문 페이지를 어떻게 보는지에 대한 미리보기입니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/previewing-the-account-order-page-1024x458.png)
3. 내 계정 주문 세부정보 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 주문 세부정보 그리고 계정 탐색 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-order-details-1-1024x471.png)
2단계: 주문 세부정보 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/add-new-templates-for-order-details-1024x470.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 주문 내역
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/order-details-template-1024x475.png)
3단계: 구조 선택 #
- “를 클릭하세요.+” Elementor 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 빌드 주문 세부정보 페이지 #
주문 세부정보 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 계정 주문 세부정보 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 요소 블록에서 계정 주문 세부정보 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 주문 세부정보 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/saving-the-my-account-order-details-page-min.gif)
5단계: 주문 세부정보 페이지 미리보기 #
이제 마이(My)로 이동하세요. 계정 페이지 귀하의 웹 사이트->클릭 명령-> 클릭하세요 보다 모든 주문의 오른쪽 끝에서. 이는 고객이 자신의 장치에서 주문 세부 정보 페이지를 어떻게 볼 수 있는지 미리 보여줍니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/order-details-preview-1024x416.png)
4. 내 계정 다운로드 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 항해 그리고 계정 다운로드 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-account-downloads-widget-1024x478.png)
2단계: 내 계정 다운로드 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/add-new-account-download-templates-1024x493.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 다운로드
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/create-the-account-downloads-template-1024x474.png)
3단계: 구조 선택 #
- “를 클릭하세요.+” Elementor 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 계정 다운로드 페이지 구축 #
계정 다운로드 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 계정 다운로드 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 요소 블록에서 계정 다운로드 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 다운로드 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/saving-the-my-account-downloads-page.gif)
5단계: 미리보기 계정 다운로드 페이지 #
이제 내 계정 귀하의 웹 사이트 페이지 -> 클릭 다운로드. 이는 고객이 자신의 장치에서 페이지를 어떻게 보는지에 대한 미리보기입니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/account-downloads-page-preview-1024x470.png)
5. 내 계정 주소 페이지 생성 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 항해 그리고 계정 주소 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-account-address-widgets-1024x476.png)
2단계: 내 계정 주소 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/add-new-templates-for-account-address-page-1024x474.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 주소
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/set-account-address-template-1024x473.png)
3단계: 구조 선택 #
- “를 클릭하세요.+” Elementor 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 계정 주소 페이지 구축 #
계정 주소 페이지를 구축하려면 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 계정 주소 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 요소 블록에서 계정 주소 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 주소 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/saving-the-my-account-address-page.gif)
5단계: 계정 주소 페이지 미리보기 #
이제 내 계정 귀하의 웹 사이트 페이지 -> 클릭 구애. 이는 고객이 자신의 장치에서 페이지를 어떻게 보는지에 대한 미리보기입니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/address-page-preview-1024x451.png)
6. 내 계정 세부정보 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 항해 그리고 계정 세부정보 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-account-details-widget-1024x474.png)
2단계: 내 계정 세부정보 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/account-details-template-1024x474.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 세부정보
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/my-account-details-template-1024x476.png)
3단계: 구조 선택 #
- Elementor의 "+" 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 계정 세부정보 페이지 구축 #
계정 세부정보 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 계정 탐색 그리고 계정 세부정보 위젯.
- Elementor의 ShopEngine 내 계정 요소 블록에서 계정 탐색 위젯을 끌어다 놓습니다. 원하는 경우 스타일 설정 탭에서 텍스트 및 링크 색상, 텍스트 및 링크 글꼴 두께, 사용자 글꼴 두께, 타이포그래피, 링크 호버 색상 등을 변경할 수 있습니다.
- 또한 동일한 요소 블록에서 계정 세부정보 위젯을 끌어다 놓고 원하는 대로 변경하세요.
- 계정 세부정보 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/saving-account-details-page-min.gif)
5단계: 계정 세부정보 페이지 미리보기 #
이제 내 계정 귀하의 웹 사이트 페이지 -> 클릭 계정 세부정보. 이는 고객이 자신의 장치에서 페이지를 어떻게 보는지에 대한 미리보기입니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/my-account-details-page-preview-1024x473.png)
7. 내 계정 로그인/등록 페이지 만들기 #
1단계: 필수 위젯 활성화 #
- ShopEngine으로 이동 -> 위젯 -> 다음을 확인하세요. 계정 항해, 계정 양식 등록, 그리고 계정 양식 로그인 위젯은 활성화됨.
![](https://help.wpmet.com/wp-content/uploads/2021/04/enable-the-widgets-1024x466.png)
2단계: 내 계정 로그인/등록 템플릿 만들기 #
- ShopEngine으로 이동 -> 템플릿 -> 새로운 걸 더하다
![](https://help.wpmet.com/wp-content/uploads/2021/04/add-new-template-for-login-register-1024x469.png)
- 템플릿 제공 이름-> 페이지 선택 유형: 내 계정 로그인/회원가입
- 기본 템플릿 활성화-> 기본값 설정->예 -> 클릭하세요 Elementor로 편집
![](https://help.wpmet.com/wp-content/uploads/2021/04/register-and-login-template-1024x470.png)
3단계: 구조 선택 #
- Elementor의 "+" 아이콘을 클릭하고 원하는 섹션 레이아웃을 선택하세요.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Choose-any-Structure-1-1024x498.png)
4단계: 계정 로그인/등록 페이지 구축 #
계정 로그인/등록 페이지를 구축하려면 다음 두 가지 위젯을 활용해야 합니다. 내 계정 양식 로그인, 그리고 계정 등록 양식 위젯.
- 드래그 앤 드롭 내 계정 양식 로그인 Elementor의 ShopEngine 내 계정 요소 블록의 위젯. 원하는 경우 스타일 설정 탭에서 제목, 양식 컨테이너, 레이블, 입력 및 타이포그래피를 변경할 수 있습니다.
- 또한 계정 등록 양식 동일한 요소 블록에서 위젯을 만들고 원하는대로 변경하세요.
- 페이지 편집이 완료되면 ->를 클릭하여 저장하세요. 업데이트.
![](https://help.wpmet.com/wp-content/uploads/2021/04/account-login-or-register-page-building-min.gif)
5단계: 계정 로그인/등록 페이지 미리보기 #
이제 내 계정 귀하의 웹 사이트 페이지 -> 이동 계기반 -> 클릭하세요 로그 아웃. 이제 고객이 자신의 장치에서 페이지를 어떻게 보는지 미리 볼 수 있습니다.
![](https://help.wpmet.com/wp-content/uploads/2021/04/my-account-login-or-resgister-preview-1024x465.png)