EdCommerce 페이지 레이아웃 사용자 지정

Last updated: October 16, 2026

초기 사이트 생성 후 EdCommerce 사이트의 페이지 레이아웃을 사용자 지정하는 방법을 설명하며, 다음 세 가지 영역을 다룹니다. (1) 페이지 세부 정보 — Settings > Ecommerce > Ecommerce Details에서 기본 아이덴티티 및 구성 설정 편집(기본 팔레트 또는 사용자 지정 HEX를 통한 색상, 로고, 시간대, 캠페인 시작일 및 종료일, 사이트 제목, URL, 설명, 개인정보 처리방침, 기본 언어 및 기본 통화 설정 후 Save 클릭); (2) 템플릿 및 레이아웃 — Settings > EdCommerce > Search에서 메인 검색(홈페이지)의 코드 없는 레이아웃 템플릿을 변경하고, Settings > EdCommerce > Results에서 검색 결과 페이지를 변경하며, Settings > Providers > 점 3개 아이콘 > Customize Provider Page에서 제공업체 페이지를 변경; (3) 탐색 메뉴 — Settings > EdCommerce > Navbar에서 탐색 바 편집(Search, Proposals 및 Contact가 기본으로 제공됨). 여기에는 항목 켜기 또는 끄기, 드래그 앤 드롭으로 항목 순서 변경 및 중첩, 'Add New Page'(외부 URL 또는 기존 EdCommerce 페이지)를 통한 새 항목 추가, 사이트 로고의 사용자 지정 'Logo Redirect' 설정이 포함됩니다.

사이트 생성 과정에서 로고, 글꼴 유형, 색 구성표, 제목, 설명, URL 등의 초기 정보를 이미 추가했습니다...

이 기사에서는 사이트의 이러한 기본 요소를 편집하는 방법, 템플릿으로 레이아웃을 개인 설정하는 방법, 탐색 메뉴를 편집하는 방법을 설명합니다.

페이지 세부 정보

이 섹션에서는 사이트의 이러한 모든 기본 요소를 편집하는 방법을 살펴봅니다(변경하지 않으려면 이 단계를 건너뛸 수 있습니다).

  • Settings > Ecommerce > Ecommerce Details로 이동합니다

이 섹션에서 다음 항목을 편집할 수 있습니다:

  • 색상: 기본 색상 중 하나를 추가하거나 원하는 HEX 색상(예: #FFFFFF)을 사용할 수 있습니다
  • 로고
  • 시간대
  • 전자상거래 캠페인의 시작일 및 종료일
  • 사이트 제목
  • URL
  • 사이트 설명
  • 개인정보 처리방침 추가
  • 기본 언어 설정
  • 기본 통화 설정

페이지를 닫기 전에 변경 사항을 저장하는 것을 잊지 마세요! 페이지 하단에서 'save' 버튼을 찾을 수 있습니다.

템플릿 및 레이아웃

이미 알고 계시겠지만 EdCommerce 페이지의 콘텐츠는 완전히 사용자 지정할 수 있습니다.

다양한 색상, 글꼴 및 기타 설정을 선택할 수 있을 뿐만 아니라 이 콘텐츠가 표시되는 방식도 제어할 수 있습니다. 사용자 친화적인 템플릿을 사용하면 코딩 지식 없이도 페이지 레이아웃을 사용자 지정할 수 있습니다!

메인 검색 템플릿

홈페이지에 사용할 2가지 스타일 중에서 선택하고 사이트에서 프로그램을 검색할 때 학생들의 경험을 개인 설정할 수 있습니다.

Settings 페이지 > EdCommerce > Search로 이동하여 원하는 스타일을 선택하세요.

검색 결과 페이지 템플릿

학생이 검색을 수행하면 결과 페이지로 이동합니다. 또한 세 가지 스타일 중에서 선택하여 이러한 결과가 표시되는 방식을 사용자 지정할 수 있습니다.

'설정' 페이지로 이동하여 'EdCommerce'를 선택한 다음 '결과'를 선택하고 가장 선호하는 템플릿을 선택하세요.

제공자 페이지 템플릿

이러한 테마 또는 템플릿은 제공자 페이지에 세 가지 레이아웃 스타일을 제공합니다. 이러한 스타일은 교육자의 정보가 학생들에게 표시되는 방식을 결정합니다.

스타일을 선택하려면 EdCommerce 설정 페이지로 이동하여 '제공자'를 선택하고, 사용자 지정하려는 제공자 옆의 점 3개 아이콘을 클릭한 다음 '제공자 페이지 사용자 지정'을 선택하세요.

Navbar 메뉴

navbar라고도 하는 탐색 모음은 EdCommerce 사이트의 메뉴 역할을 합니다. 학생들이 사이트의 다양한 섹션에 쉽게 접근할 수 있도록 합니다.

사이트 메뉴를 편집하려면 설정 페이지 > EdCommerce > Navbar로 이동하세요.

여기에서 기본적으로 다음 페이지를 확인할 수 있습니다.

  • 검색
  • 제안
  • 연락처

메뉴 항목을 숨기거나 숨김 해제하는 방법

EdCommerce 설정의 'Navbar' 섹션에서 탐색 모음에 사용할 수 있는 모든 요소(또는 페이지)의 목록을 확인할 수 있습니다.

이러한 요소를 메뉴에 표시할지 여부는 사용자가 결정할 수 있습니다. 표시하거나 숨기려면 간단히 켜거나 끄면 됩니다. 이 작업을 수행하면 각각 웹사이트의 메뉴에서 항목이 추가되거나 제거됩니다.

메뉴 항목을 구성하는 방법

드래그 앤 드롭 기능을 사용하면 메뉴의 페이지를 매우 간단하게 구성할 수 있습니다. 순서를 변경하려는 항목(페이지)을 클릭한 다음 메뉴에서 원하는 위치로 드래그하세요.

또한 관련 페이지를 함께 그룹화하여 더욱 체계적이고 사용자 친화적인 메뉴를 만들 수 있습니다. 이는 기본 메뉴 항목 아래에 하위 요소를 추가하여 수행합니다.

이렇게 하려면 그룹화하려는 페이지를 클릭하여 드래그한 후 하위 요소로 배치하려는 기본 메뉴 항목 위에 마우스를 올려놓으세요. 마우스 버튼을 놓으면 해당 페이지가 선택한 기본 항목 아래에 효과적으로 그룹화됩니다.

이러한 변경 사항은 웹사이트의 탐색 메뉴에 반영되어 방문자가 원하는 정보를 더 쉽게 찾을 수 있도록 합니다.

메뉴에 새 항목을 추가하는 방법

메뉴에 새 항목을 추가하려면 '새 페이지 추가' 버튼을 클릭하세요.

그런 다음 제목을 입력하고 해당 페이지가 연결될 페이지를 지정하세요.

  • URL을 포함하여 외부 웹페이지로 연결할 수 있습니다.
  • 또는 '페이지'를 클릭하여 편리하게 나열된 EdCommerce 사이트의 기존 페이지 중에서 선택할 수 있습니다.

Navbar를 변경한 후에는 반드시 "저장"을 클릭하세요.

사이트 로고에 링크를 추가하는 방법

탐색 페이지 상단에 '로고 리디렉션' 버튼이 표시됩니다.

이를 클릭하면 사람들이 EdCommerce 사이트의 로고를 클릭할 때 연결될 사용자 지정 링크를 추가할 수 있습니다.

웹사이트의 홈페이지 또는 EdCommerce 사이트의 홈페이지로 연결하는 것을 권장합니다.

이 간단한 단계를 따르면 사이트에 맞춤형 메뉴를 손쉽게 만들 수 있으며, 정보를 최적으로 구성할 수 있도록 드롭다운 옵션도 제공됩니다.

변경 사항을 확인하려면 화면 왼쪽 상단에 있는 EdCommerce 로고를 클릭한 다음 'EdCommerce Preview'를 선택하세요.