이 문서는 고객 포털을 디자인할 수 있는 고급 포털(테마) 사용자 지정 옵션에 대한 세부 정보를 제공합니다.
기본 색상 및 글꼴 옵션 외에도 Freshdesk는 지원 포털의 모든 세부 사항을 정의할 수 있는 고급 포털 사용자 지정 기능을 제공합니다. 개발자 친화적인 코드 편집기를 사용하여 포털 구조와 레이아웃을 디자인하기 위해 고급 CSS 사용자 지정을 적용할 수 있습니다. 예를 들어, 양식 버튼의 레이아웃을 변경하거나 지식 베이스 및 커뮤니티 섹션의 모양을 수정할 수 있습니다.
포털 페이지 및 레이아웃 보기 및 액세스
코드 편집기를 사용하여 고급 레이아웃 및 페이지 사용자 지정을 수행하려면:
- 관리 > 포털로 이동하여 원하는 포털 옆의 편집을 클릭합니다.
- 모양 탭으로 전환합니다.
- 모양 탭에서 편집할 테마를 선택합니다. 라이브 테마를 편집하려면 테마 복제 및 편집을 클릭합니다. 다른 사용 가능한 테마를 변경하려면 테마 편집을 클릭합니다.
- 포털 사용자 지정 페이지로 리디렉션됩니다.
- 페이지 탭으로 전환합니다. 여기에서 포털의 다양한 섹션을 사용자 지정할 수 있습니다.
- 왼쪽 창에서 각 페이지/섹션을 클릭하여 코드 편집기에서 해당 CSS를 봅니다. 사용자 지정할 수 있는 다양한 섹션은 다음과 같습니다:
- 레이아웃
- 페이지
페이지 레이아웃 개인화
레이아웃 섹션을 통해 포털의 주요 구성 요소인 헤더, 푸터 및 페이지 레이아웃을 사용자 지정할 수 있습니다.
헤더:
헤더는 헬프 데스크에 표시할 탭과 상단 탐색 요소로 구성됩니다. 외부 스타일 및 미리 로드된 스크립트에 대한 링크도 추가할 수 있습니다. 헤더 부분은 {{ header }} 태그를 사용하여 호출할 수 있습니다.
푸터:
푸터에는 저작권 텍스트와 같은 정보가 포함됩니다. 외부 JavaScript 스니펫을 타사 도구에 추가할 수도 있습니다. 푸터 부분은 {{ footer }} 태그를 사용하여 사용할 수 있습니다.
페이지 레이아웃:
이것은 테마에서 가장 중요한 부분으로, 모든 것이 작동하는 방식을 제어합니다. 페이지 레이아웃에는 다음과 같은 마크업이 이상적으로 포함되어야 합니다:
{{ header }} - 헤더 코드로 대체됩니다
{{ footer }} - 푸터 코드로 대체됩니다
{{ content_for_layout }} - 특정 페이지 수준 사용자 지정으로 대체됩니다
(예: 포털 홈, 토론 홈, 솔루션 홈). 참고: 이 플레이스홀더를 코드에서 제거하지 마십시오.
{{ content_for_layout }} 태그는 특정 포털 페이지에서 해당 정보를 가져오는 부분입니다. 예를 들어, 특정 솔루션 기사를 클릭하면 페이지 레이아웃은 상단에 {{ header }}를 표시하고 하단에 {{ footer }}를 표시하며 {{ content_for_layout }} 영역을 솔루션 기사(및 모든 레이아웃 및 스타일)로 대체합니다.
페이지 레이아웃 사용자 지정
고객 포털에는 브랜드 및 회사 스타일에 맞게 쉽게 사용자 지정 및 디자인할 수 있는 17개의 페이지가 포함되어 있습니다. 다양한 포털 섹션과 페이지는 다음과 같습니다
일반
포털 홈
이것은 포털의 홈 페이지입니다. 기본적으로 포털 홈에는 최근 지식 베이스, 포럼 게시물에 대한 링크와 사용자가 로그인하거나 새 티켓을 제출할 수 있는 옵션이 표시됩니다. 환영 메시지, 전화번호 및 스토어의 최신 제품에 대한 링크를 추가할 수 있습니다.
로그인 페이지
사용자를 위한 로그인 페이지입니다. 왼쪽 패널에서 로그인 페이지를 클릭하여 코드를 봅니다. 사용된 코드 스니펫은 {% snippet login_form %}입니다.
새 사용자 가입
사용자를 위한 가입 페이지입니다. 이미 싱글 사인온을 사용하는 경우 이 단계를 건너뛸 수 있습니다. 양식의 스니펫은
{% snippet signup_form %} {% snippet agent_login %}
검색 결과
고객이 포털에서 무언가를 검색할 때 결과 페이지의 레이아웃을 정의합니다.
솔루션
솔루션의 계층 구조는 솔루션 카테고리 > 폴더 > 기사입니다. 각 단계는 별도의 페이지를 가지고 있습니다. 솔루션 또는 지식 베이스 생성에 대한 자세한 내용은 Freshdesk 지식 베이스 정보를 참조하십시오.
솔루션 홈
기사 목록
특정 폴더 아래의 기사 목록입니다. 폴더 설명을 추가하는 것을 고려해 보십시오.
기사 보기
각 솔루션 기사의 세부 보기입니다. 첨부파일, 이미지 및 투표 옵션의 모양을 정의할 수도 있습니다.
솔루션 카테고리 홈
특정 카테고리와 해당 카테고리 내의 폴더, 하위 폴더 및 기사를 표시하는 카테고리 홈 페이지입니다.
토론
포럼의 계층 구조는 카테고리 > 포럼 > 주제입니다. 포럼 생성 및 관리에 대한 자세한 내용은 커뮤니티 포럼 설정을 참조하십시오.
토론 홈
이것은 주요 포럼 페이지입니다. 여기에서 다양한 포럼 카테고리를 표시할 수 있습니다.
토론 카테고리 홈
카테고리 이름을 클릭하면 나타나는 페이지입니다. 모든 포럼과 모든 주제로 구성되어 있습니다.
주제 목록
특정 포럼 아래의 모든 주제 목록입니다.
내 주제
이 페이지에는 사용자가 팔로우하는 주제 목록이 포함되어 있습니다(주제에서 팔로우 버튼을 클릭하여). 이 페이지는 로그인한 사용자에게만 표시되며, 사용자가 팔로우하는 주제 수가 5개 이상일 때만 표시됩니다. 기본 보기에서는 "내 주제" 섹션이 토론 홈 페이지의 오른쪽 패널에 표시됩니다. 사용자가 모든 주제 보기 버튼을 클릭하면 내 주제 페이지가 나타납니다.
주제 보기
특정 포럼 주제 스레드가 어떻게 보일지를 정의합니다. 댓글의 모양을 사용자 지정하고, 주제나 포럼 유형에 따라 각 스레드의 모양과 느낌을 스타일링할 수 있습니다.
새 주제
사용자가 주제 게시 버튼을 클릭할 때 나타나는 페이지입니다. 새 주제 양식의 스니펫은 {% snippet new_topic_form %}입니다.
티켓
티켓 섹션 또는 옵션은 포털에서 기본적으로 활성화되어 있습니다. 그러나 이를 비활성화하고 티켓의 가시성을 제어하며, 고객에게 표시할 티켓 양식을 선택하는 등의 작업을 할 수 있습니다. 자세한 내용은 포털 섹션 관리 를 참조하십시오.
새 티켓
티켓 양식의 레이아웃을 사용자 지정하고 디자인합니다. 고객에게 표시할 티켓 양식 목록도 결정할 수 있습니다. 티켓 양식은 고객이 포털에서 티켓 제출 버튼을 클릭할 때 나타납니다. 새 티켓 양식의 스니펫은 {% snippet new_ticket_form %}입니다.
티켓 목록
사용자가 티켓 상태 확인 링크를 클릭할 때 나타나는 페이지입니다. 해당 사용자가 생성한 모든 티켓과 그 상태가 나열됩니다.
티켓 세부사항
사용자가 생성한 특정 티켓을 클릭하여 상태를 확인할 때 나타나는 페이지입니다. 고객은 티켓에 답변하고, 상태를 변경하는 등의 작업을 할 수 있습니다.