UI 헤더 사용자 지정 CPQ

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 4분
  • 로고, 텍스트, 배경 스타일로 브랜드를 반영하도록 UI 헤더를 사용자 지정합니다 CPQ . 레이아웃 CSV 파일을 통해 취소, 재설정, 반환, 레이아웃 전환과 같은 헤더 요소와 버튼을 구성하여 브랜드화되고 사용자 친화적인 구성 환경을 만듭니다.

    로고

    헤더를 CPQ 사용하면 로고로 구성 페이지를 브랜딩할 수 있습니다. 필수 버튼과 작업도 사용자 지정할 수 있습니다. CSV 레이아웃 업로드는 이러한 기능을 지원합니다.

    브랜딩 옵션

    헤더에는 텍스트, 로고 또는 둘 다 사용됩니다. 텍스트를 사용하는 경우 로고가 비교적 좁아야 중복되지 않고 맞습니다.

    Salesforce와 유사한 파란색 배경 프레임을 제거하거나 바꾸려면 backgroundStyle 컨트롤을 사용합니다.

    로고

    로고

    모든 헤더 요소는 값 열의 헤더 행 구성요소에 정의됩니다. 논리적으로 헤더 구성요소는 CSV 파일의 첫 번째 정보 행이며 I2 셀에 헤더 값이 정의되어 있습니다. 다음 스크린샷은 아직 파일로 익스포트되지 않은 스프레드시트를 보여줍니다.

    CSV 파일

    헤더 값에는 여러 헤더 요소에 대한 지침이 포함되어 있으므로 해당 셀의 공통 컨텐츠에 대한 세부 항목은 다음과 같습니다.
    {
    "text":"Company/Product Name",
    "url":"<image url>",
    "backgroundStyle": "url(http://www.some.url/bg.png) transparent no-repeat top center / cover",
    "cancelButton": {
    	"confirmation": true,
    	"label": "Cancel",
    	"visible": true
    	},
    "resetButton": {
    	"confirmation": true,
    	"label": "Reset",
    	"visible": true
    	},
    "returnButton": {
    	"label": "Quote"
    	},
    "switchLayoutButton": {
    	"visible": true
    	} 
    }

    일반적인 가이드라인으로, 관리자는 헤더 구성요소 행에 텍스트 키와 URL 키를 모두 포함하는 것이 좋습니다. 관리자가 텍스트나 URL을 활용하지 않으려는 경우에는 키와 빈 값을 포함해야 합니다. 예제:

    "텍스트": ""

    위의 key: 값 쌍은 텍스트가 표시되지 않음을 나타내며, 아래 쌍은 이미지를 비워 둡니다.

    "url": ""

    다음을 사용하여 배경 스타일(구성 창을 둘러싼 프레임)을 사용자 지정합니다.

    "backgroundStyle": "url(http://www.some.url/bg.png) transparent no-repeat top center / cover"

    여기에서 http://www.some.url/bg.png 공개적으로 사용 가능한 이미지의 위치입니다. 나머지 스타일 지침을 권장합니다.

    레이아웃 스프레드시트에서 헤더 정의를 조정합니다. CSV 파일로 익스포트하고 적절한 Blueprint에 업로드합니다. 탐색:

    CPQ 관리자 -> 블루프린트 -> [적절한 블루프린트 클릭] -> 레이아웃 탭 -> [적절한 레이아웃 이름 클릭] - 레이아웃을 임포트합니다.

    버튼 구성

    UI에는 CPQ 취소, 재설정, 반환 및 레이아웃 전환의 네 가지 버튼이 있습니다. 일반적으로 견적이라고 표시된 반품이 필요합니다. 다른 모든 것은 선택 사항입니다.

    다음 표에서 괄호로 묶인 속성이 기본값입니다.

    표 1. 버튼 속성
    버튼 표시 확인 기본 레이블 동작
    취소 [예], 아니오 [예], 아니오 취소

    솔루션을 처음 구성할 때 취소를 선택하면 사용자는 Salesforce(SFDC)의 제품 선택 페이지로 돌아갑니다.

    재구성 시 취소를 선택하면 변경 내용을 저장하지 않고 사용자가 SFDC 견적 라인 편집기(QLE)로 돌아갑니다.

    재설정 예, [아니오] [예], 아니오 재설정 사용자가 페이지에서 이동하지 않고 다시 시작할 수 있도록 모든 필드를 초기 상태로 재설정합니다.
    돌아가기 해당 사항 없음 해당 사항 없음 견적 BOM(자재 명세서)을 SFDC로 푸시하고 사용자에게 QLE로 반환합니다.
    레이아웃 전환 [예], 아니오 해당 사항 없음 해당 사항 없음 이 Blueprint에 대해 여러 레이아웃이 정의된 경우 다음 레이아웃을 표시합니다.

    기본적으로 취소, 반환/견적 및 레이아웃 전환 버튼이 표시됩니다. 취소 및 재설정을 통해 관리자는 확인 매개변수를 설정할 수 있습니다. 예일 경우 팝업은 최종 사용자에게 다음과 같이 의도를 확인하도록 요구합니다.

    화면 취소

    모든 헤더 요소는 값 열의 헤더 행 구성요소에 정의됩니다. 다음은 CSV 형식으로 익스포트되기 전의 스프레드시트 스크린샷입니다.

    CSV 파일

    헤더 값에는 여러 요소에 대한 지침이 포함되어 있습니다. 아래 그래픽에서 각 버튼 정의와 관련된 매개변수는 녹색 파선으로 구분되어 있습니다.

    스크립트

    편집을 위해 이 텍스트를 로컬 클립보드에 복사하려면 위의 브랜딩 옵션 섹션에 있는 코드 블록을 사용하십시오.

    레이아웃 스프레드시트에서 헤더 정의를 조정합니다. CSV 파일로 익스포트하고 적절한 Blueprint에 업로드합니다. 탐색:

    CPQ 관리자 -> 블루프린트 -> [적절한 블루프린트 클릭] -> 레이아웃 탭 -> [적절한 레이아웃 이름 클릭] -> 레이아웃 임포트.

    통화 표시

    또한 CSV 레이아웃 업로드 파일의 헤더 행 구성요소에 있는 값 열을 사용하여 쇼핑 카트에 통화가 표시되는 방식을 구성할 수 있습니다. 자세한 내용은 장바구니의 통화 표시 사용자 지정 문서를 참조하십시오.