마지막 업데이트 날짜: 2026년 6월 16일
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
고객이 콘텐츠에서 바로 결제를 진행할 수 있도록 HubSpot 웹사이트, 마케팅 이메일 또는 외부 사이트에 결제 링크를 추가하는 방법을 알아보세요.
웹사이트에 결제 링크를 추가하려면 드래그 앤 드롭 페이지나 템플릿, 마케팅 이메일에 기본 결제 모듈을 추가하거나, 외부 웹사이트에 결제 링크 삽입 코드를 추가할 수 있습니다.
개발자인 경우, 테마나 사용자 지정 모듈에 결제 필드를 추가하거나 사용자 지정 결제 모듈을 생성할 수 있습니다.
페이지에 기본 결제 모듈 추가
페이지에 기본 결제 모듈을 추가하면 결제 링크가 결제 버튼으로 표시되며, 고객은 이 버튼을 클릭하여 결제 정보를 입력할 수 있습니다.
권한 필요 결제 모듈을 추가하려면 업데이트하려는 콘텐츠 유형에 대한 편집 권한이 필요합니다.
- 콘텐츠로 이동하세요:
- 웹사이트 페이지: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 웹사이트 페이지로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 웹사이트 페이지로 이동하세요.
- 랜딩 페이지: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 랜딩 페이지로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 랜딩 페이지로 이동하세요.
- 블로그: HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.
- 페이지 이름을 클릭하면 편집기가 열립니다.
- 왼쪽 상단에서 ' '을 클릭하세요.
- '모듈'에서 '수익' 섹션을 클릭하여 확장합니다.
- '결제(Payment) '를 클릭하고 페이지의 원하는 위치로 드래그합니다.
- 사이드바 편집기에서:
- 'Button' 필드에 버튼에 표시할 텍스트를 입력합니다.
- 'Button target '에서 :
- '결제 링크 사용'을 선택하여 방문자를 결제 링크 중 하나로 이동시킵니다.
- '결제 링크' 드롭다운 메뉴를 클릭하고 결제 링크를 선택합니다.
- '결제 동작'에서, 결제 링크를 클릭했을 때 새 브라우저 탭이나 창이 열리도록 하려면 '새 탭에서 열기'를 선택하세요. 또는 결제 링크가 페이지 위에 오버레이로 표시되도록 하려면 '슬라이딩 오버레이'를 클릭하세요.
- '기타'를 선택하여 방문자를 외부 링크나 웹사이트 또는 랜딩 페이지 중 하나로 이동시키세요:
- '링크 대상' 드롭다운 메뉴를 클릭하고 '외부'를 선택하여 외부 링크를 사용합니다. URL 필드에 URL을 입력합니다.
- '링크' 드롭다운 메뉴를 클릭하고 '콘텐츠'를 선택하여 기존 웹사이트나 랜딩 페이지를 사용하세요. '콘텐츠' 드롭다운 메뉴를 클릭하고 페이지를 선택하세요.
- 링크를 클릭했을 때 새 브라우저 탭이나 창에서 열리도록 하려면 '새 창에서 링크 열기' 스위치를 켜세요.
- '링크 유형'에서 '노팔로우(No follow) ' 확인란을 선택하면 검색 엔진이 해당 링크를 무시하도록 지시할 수 있습니다.
- '결제 링크 사용'을 선택하여 방문자를 결제 링크 중 하나로 이동시킵니다.
- 버튼에 아이콘을 추가하려면 '아이콘 추가 ' 확인란을 선택하세요.
- '아이콘' 드롭다운 메뉴를 클릭합니다.
- '바꾸기'를 클릭하여 기존 아이콘을 교체합니다.
- 오른쪽 패널에서 아이콘을 검색합니다. 아이콘을 클릭하여 선택합니다.
- '위치' 드롭다운 메뉴를 클릭하고 버튼에서 아이콘의 위치를 선택합니다.
- 오른쪽 상단에서 '업데이트' 또는 '게시'를 클릭하여 변경 사항을 적용하십시오.
- 디자인 관리자에서 페이지 템플릿에 기본 결제 모듈을 추가할 수도 있습니다.
외부 페이지 또는 사용자 지정 모듈에 임베드 코드 추가
결제 링크 삽입 코드를 외부 웹사이트에 추가하거나, 디자인 관리자에서 결제 모듈을 생성한 후 해당 모듈에 삽입 코드를 추가할 수 있습니다. 결제 링크를 삽입하면 결제 양식이 페이지에 직접 표시됩니다.
임베드 코드를 복사하려면:
- HubSpot 계정에서 더 보기를 클릭한 다음 매출 > 결제 링크로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 매출 > 결제 링크로 이동하세요.
- 결제 링크 위에 마우스를 올리고 '작업'을 클릭한 다음 '임베드'를 선택합니다.
- 대화 상자에서 '임베드 코드 복사'를 클릭합니다.
임베드 코드를 복사하면 사이트에 직접 추가할 수 있습니다. 또는 개발자인 경우 새 모듈을 생성하고 사용자가 사용 가능한 결제 링크 중에서 선택할 수 있는 링크 필드를 포함할 수 있습니다.
참고: 모듈을 생성하려면 HTML, CSS, HubL 및 HubSpot 디자인 관리자에 대한 지식이 필요합니다. HubSpot은 코딩된 모듈을 생성할 때 디자이너와 협력할 것을 권장합니다.
마케팅 이메일에 결제 링크 추가
마케팅 이메일에 결제 모듈을 추가할 수 있습니다. 예를 들어, 이벤트를 기획할 때 구매자가 이메일에서 바로 티켓을 구매할 수 있는 결제 링크를 포함할 수 있습니다.
- HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > 이메일로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > 이메일로 이동하세요.
- 기존 이메일 초안에 마우스를 올려놓고 '편집'을 클릭하거나, '이메일 만들기'를 클릭하여 새 이메일을 만드세요.
- 왼쪽 상단에서 ' '을 클릭합니다.
- '콘텐츠' 탭의 '전자상거래' 섹션에서 '결제'를 클릭한 다음 페이지의 원하는 위치로 드래그합니다.
- '결제( Payments )' 드롭다운 메뉴를 클릭하고 결제 링크를 선택합니다.
- 'Button text' 필드에서 표시될 텍스트를 편집합니다. 텍스트 필드에 이모티콘을 삽입하려면 이모티콘 아이콘을 클릭하세요.
- '스타일' 탭을 클릭하여 글꼴 유형, 크기, 색상, 배경색, 정렬 및 패딩을 포함한 버튼의 스타일을 조정합니다.
- 이메일을 최종 확인하고 발송합니다.
수신자가 결제 링크의 버튼을 클릭하면 결제 페이지로 이동합니다.
다음 단계
- 결제가 완료된 후 HubSpot에서 어떤 일이 일어나는지 자세히 알아보세요.
- 결제 관리에 대해 자세히 알아보세요.
- 수익 분석 제품군에서 보고서를 생성하는 방법에 대해 자세히 알아보세요.
