콘텐츠로 건너뛰기
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

견적 템플릿에 사용할 사용자 지정 모듈 만들기

마지막 업데이트 날짜: 2026년 5월 26일

슈퍼 관리자 또는 견적 템플릿 관리 권한이 있어야 견적 템플릿을 만들고 구성할 수 있습니다.

견적서 템플릿에 대한 사용자 지정 모듈을 만들어 모양, 콘텐츠 및 로직을 사용자 지정합니다. 사용자 지정 모듈을 사용하여 비즈니스의 필요에 따라 구매자에게 맞춤화된 견적을 제공할 수 있습니다.

시작하기 전에

사용자 지정 모듈 작업을 시작하기 전에 미리 수행해야 할 단계와 해당 기능의 제한 사항 및 사용 시 발생할 수 있는 결과를 이해하세요.

요구 사항 이해

React, HTML, JavaScript 및 CSS에 익숙하지 않은 경우 개발자와 협력하여 사용자 지정 모듈을 만드세요.

제한 사항 및 고려 사항

  • API를 사용하여 사용자 지정 코딩된 모듈을 만들거나 견적에 추가할 수 없습니다. API 사용자는 사용자 지정 모듈이 포함된 템플릿을 선택할 수 있습니다.

  • 드래그 앤 드롭 영역은 하나만 존재합니다. 전체 견적에 대해 단일 모듈을 따로 사용하는 것과 같은 복잡한 페이지 레이아웃은 지원되지 않습니다.

  • 견적의 고정 컨테이너를 사용해야 합니다. 사이트 헤더 HTML을 업데이트하여 끌어서 놓기 영역의 너비를 수정할 수 있습니다.

  • 사용자 지정 CSS를 사용하여 따옴표 상단의 상태 표시줄을 숨길 수 있습니다.

일반적인 사용 사례

사용자 지정 모듈은 여러 가지 방법으로 견적서 템플릿을 유연하게 사용자 지정할 수 있는 기능을 제공합니다. 다음과 같은 일반적인 사용 사례를 검토하세요.

품목 테이블 모듈 만들기

비즈니스 요구 사항에 맞는 사용자 지정 품목 표를 작성하세요. 예를 들면 다음과 같습니다:

  • 섹션 추가: 속성에 따라 섹션에 품목을 표시합니다. 예를 들어, 제품 및 서비스 또는 일회성 및 반복 항목에 대한 섹션을 구분할 수 있습니다.

  • 사용자 지정 합계 모듈: 견적 요약 또는 사용자 지정 계산을 표시합니다.
  • 청구 일정 표시: 견적의 항목에 따라 일정을 생성합니다.
  • 선택적품목: 품목을 선택 사항으로 표시합니다. 구매자는 서버리스 기능을 사용하여 견적 및 거래 금액을 업데이트할 수 있습니다.

  • 램프: 미리 정의된 일정에 따라 설정된 시간에 따른 품목 가격 변경을 표시합니다. 예를 들어, 첫해에는 $5,000, 2년차에는 $10,000인 제품을 표시할 수 있습니다. 또한 품목을 처음 3개월 동안 할인하도록 설정한 후 4개월째에는 할인되지 않는 가격으로 인상할 수도 있습니다.

    참고: 사용자 지정 코딩 모듈은 청구 시작일을 준수하는 것 외에는 램프의 청구 영향을 관리할 수 없습니다.

조건부 이용약관 모듈 생성

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

거래 당사자 섹션 만들기

표준 당사자 모듈을 숨기고 나만의 브랜딩과 서식을 사용하여 사용자 지정 모듈을 생성하세요. 배송 주소나 하위 회사 속성 등의 사용자 지정 데이터를 통합할 수도 있습니다.

사용자 지정 탐색 메뉴 생성

구매자가 긴 견적을 탐색할 수 있도록 탐색 메뉴를 추가하세요.

섹션 확인 필요

구매자가 견적을 수락하기 전에 특정 모듈을 승인할 수 있도록 확인란이나 버튼이 있는 대화형 사용자 지정 코딩 모듈을 추가하세요.

참고: 확인란이 승인될 때까지 수락을 비활성화하려면 사이트 헤더 HTML에 별도의 스크립트가 필요합니다.

스타일 모듈

사용자 지정 이미지 서식, 그림자, 둥근 모서리, 브랜딩 등을 사용하여 모듈을 만듭니다.

사용자 지정 모듈 만들기

사용자 지정 모듈 만들기에 대해 자세히 알아보세요.

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