주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. .

견적서 템플릿에서 사용할 사용자 정의 모듈 생성하기

마지막 업데이트 날짜: 2026년 7월 9일

권한 필요 견적서 템플릿을 생성하고 구성하려면 슈퍼 관리자 권한 또는 “ ” 권한이 필요합니다.

견적서 템플릿의 외관, 내용 및 로직을 사용자 정의하려면 견적서 템플릿용 사용자 정의 모듈을 생성하십시오. 이를 활용하여 비즈니스 요구 사항에 따라 견적서 템플릿을 맞춤 설정할 수 있습니다.

시작하기 전에

사용자 정의 모듈 작업을 시작하기 전에, 사전에 취해야 할 조치와 기능의 제한 사항, 그리고 사용 시 발생할 수 있는 결과를 숙지하십시오.

React, HTML, JavaScript 및 CSS에 익숙하지 않은 경우, 개발자와 협력하여 사용자 지정 모듈을 생성하십시오.

API를 사용하여 견적서에 사용자 정의 코딩 모듈을 생성하거나 추가할 수는 없습니다. API 사용자는 사용자 정의 모듈이 포함된 템플릿을 선택할 수 있습니다.
드래그 앤 드롭 영역은 하나만 존재합니다. 견적서 전체를 위한 별도의 단일 모듈과 같은 복잡한 페이지 레이아웃은 지원되지 않습니다.
견적서의 고정 컨테이너를 사용해야 합니다. 드래그 앤 드롭 영역의 너비를 조정하려면 사이트 헤더 HTML을 수정할 수 있습니다.
사용자 정의 CSS를 사용하여 견적서 상단의 상태 표시줄을 숨길 수 있습니다.

사용자 정의 모듈을 사용하면 다양한 방식으로 견적서 템플릿을 유연하게 맞춤 설정할 수 있습니다. 아래의 일반적인 사용 사례를 확인해 보세요.

비즈니스 요구 사항에 맞게 사용자 정의 항목 표를 구축할 수 있습니다. 예:

섹션 추가: 속성에 따라 항목들을 섹션별로 표시합니다. 예를 들어, 제품과 서비스, 또는 일회성 및 반복 항목별로 섹션을 분리할 수 있습니다.
맞춤형 합계 모듈: 견적 요약 또는 사용자 정의 계산 결과를 표시합니다.
청구 일정 표시: 견적서의 항목 정보를 기반으로 일정을 생성합니다.
선택적 항목: 항목을 선택 사항으로 표시합니다. 구매자는 서버리스 함수를 사용하여 견적 및 거래 금액을 업데이트할 수 있습니다 .
단계적 가격 변동: 미리 정의된 일정에 따라 시간 경과에 따른 항목 가격 변동을 표시합니다. 예를 들어, 첫 해에는 5,000달러, 2년 차에는 10,000달러인 제품이 있습니다. 또한, 4개월 차에 표준 가격으로 복귀하기 전까지 첫 3개월 동안 항목에 할인을 적용할 수도 있습니다.

참고: 사용자 정의 코드로 개발된 모듈은 청구 시작일을 준수하는 것 외에는 단계적 가격 변동에 따른 청구 관련 사항을 관리할 수 없습니다.

견적 데이터에 따라 서로 다른 약관이나 콘텐츠를 표시합니다. 예를 들어, 구매자의 국가에 따라 지역별 법적 문구를 표시하거나, 특정 품목이 추가될 때 제품별 약관을 포함시킬 수 있습니다.

표준 ‘당사자’ 모듈을 숨기고, 자체 브랜딩 및 서식을 적용한 사용자 지정 모듈을 생성할 수 있습니다. 또한 배송 주소나 자회사 속성과 같은 사용자 지정 데이터를 통합할 수도 있습니다.

구매자가 긴 견적서를 쉽게 탐색할 수 있도록 내비게이션 메뉴를 추가합니다.

견적서를 수락하기 전에 구매자가 특정 섹션을 확인하도록 체크박스나 버튼이 포함된 대화형 사용자 정의 모듈을 추가하세요.

참고: 이 기능을 사용하려면 체크박스가 확인될 때까지 수락을 비활성화하는 별도의 스크립트를 사이트 헤더 HTML에 추가해야 합니다.

사용자 정의 이미지 서식, 그림자, 둥근 모서리, 브랜딩 등을 적용하여 모듈을 생성하세요.

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

이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.