탐색 모음에 새 탭 추가하기

고객에게는 기본적으로 홈, 솔루션, 포럼의 세 가지 탭이 있는 지원 포털이 제공됩니다. 이들 중 하나를 숨기는 것 외에도 사용자에게 더 많은 정보를 표시할 아이디어를 생각해낼 수 있습니다. 이를 위한 가장 간단한 방법 중 하나는 탐색 바에 추가 탭을 추가하는 것입니다.



이 탭은 원하는 곳 어디든 연결할 수 있으며 다양한 방식으로 사용할 수 있습니다. 다음은 몇 가지 예입니다:
  • 웹사이트로 돌아가는 간단한 링크 생성 - 예를 들어, 사용자를 소개 페이지로 안내하는 소개 탭
  • 지원 포털의 특정 섹션을 더 눈에 띄게 만들기 - 예를 들어, 포럼의 공지사항 섹션으로 연결되는 뉴스 탭
  • 각 페이지 상단에 사용자에게 보여주고 싶은 모든 것.

설정은 매우 간단합니다. 진행하기 전에, 이 조정은 레이아웃 및 페이지 수준 사용자 정의가 포함된 Estate 플랜이 필요하다는 점을 유의하세요. Freshdesk 체험판을 사용 중이라면 시도해 볼 수 있습니다.

  1. 관리자로 지원 포털에 로그인하세요.
  2. 관리자 탭으로 이동하여 지원 채널 아래의 포털을 클릭하세요.
  3. 사용자 정의하려는 포털의 오른쪽 코너에 있는 포털 사용자 정의 버튼을 클릭하세요.
  4. 레이아웃 및 페이지 탭을 엽니다.
  5. 포털 레이아웃 섹션에 있는지 확인하세요.
  6. 헤더의 코드를 다음으로 교체하세요 (완전히 제거하고 아래에서 복사-붙여넣기)
    <header class="banner">
    <div class="banner-wrapper">
    <div class="banner-title">
    {{ portal | logo }}
    <h1 class="ellipsis heading">{{ portal.name }}</h1>
    </div>
    <nav class="banner-nav">
    {{ portal | welcome_navigation }}
    </nav>
    </div>
    </header>
    <nav class="page-tabs" >
    {% if portal.tabs.size > 0 %}
    <a data-toggle-dom="#header-tabs" href="#" data-animated="true" class="mobile-icon-nav-menu show-in-mobile"></a>
    <div class="nav-link" id="header-tabs">
    {% for tab in portal.tabs %}
    {% if tab.url %}
    <a href="{{tab.url}}" class="{% if tab.tab_type == portal.current_tab %}{% if topic.id != forum topic id goes here %}active{% endif %}{% endif %}">
    {{ tab.label }}
    </a>
    {% endif %}
    {% endfor %}
    <a href="forum link goes here" class="{% if topic.id == forum topic id goes here %}active{% endif %}">name of the tab goes here</a>

    <!-- more tabs go here -->
    </div>
    {% endif %}
    </nav>


  7. 포털의 내부 페이지에 탭을 연결하려면 강조된 섹션을 필요에 맞게 변경하세요. 이 예에서는 포럼 주제를 만들어야 합니다. 주제의 전체 링크를 href 속성에 붙여넣을 수 있습니다.
  8. 마찬가지로, 주제 ID는 URL의 끝, 제목 바로 앞에 있습니다. 다음 예를 참조하세요.
    https://support.freshdesk.com/solution/categories/71599/folders/142309/articles/83289-adding-a-new-tab
  9. 대신 외부 페이지에 연결하는 경우, 앵커 태그에서 다음 코드를 제거할 수 있습니다:
    {% if topic.id == forum topic id goes here %}active{% endif %}
  10. 마찬가지로, <!-- more tabs go here -->라고 표시된 곳에 앵커 태그를 추가하여 여러 탭을 추가할 수 있습니다.
  11. 설정 저장을 클릭하고 미리보기를 클릭하세요. 오류가 있는 경우 코드를 다시 확인하세요.
  12. 모든 것이 괜찮다면, 저장 및 게시 버튼을 눌러 변경 사항을 최종 확정하세요.

이 예에서는 포럼 주제를 탭의 랜딩 페이지로 사용했습니다. 필요에 따라 솔루션 기사나 폴더를 사용할 수도 있습니다. 이 경우, 사용 중인 링크 유형에 따라 topic.id 자리 표시자를 교체해야 합니다. 자세한 내용은 동적 자리 표시자 API 문서를 참조하세요.

이 문서가 도움이 되었나요?

Freshdesk AI 도우미

탐색 모음에 새 탭 추가하기

AI 어시스턴트 초기화 중...