콘텐츠에 결제 링크 추가
마지막 업데이트 날짜: 2025년 9월 24일
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
웹사이트에 결제 링크를 추가하여 고객이 사이트에서 직접 결제를 완료할 수 있도록 할 수 있습니다. 웹사이트에 결제 링크를 추가하려면 기본 결제 모듈을 끌어서 놓기 페이지 또는 템플릿에 추가하거나 외부 웹사이트 페이지에 결제 링크 임베드 코드를 추가하면 됩니다. 마케팅 이메일에 결제 링크를 추가할 수도 있습니다.
개발자의 경우 테마 또는 사용자 정의 모듈에 결제 필드를 추가하거나 사용자 정의 결제 모듈을 만들 수 있습니다.
페이지에 기본 결제 모듈 추가
페이지에 기본 결제 모듈을 추가하면 결제 링크가 결제 버튼으로 표시되어 고객이 클릭하여 결제 세부 정보를 입력할 수 있습니다.
- 콘텐츠로 이동합니다:
- 웹사이트 페이지:HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지:HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 페이지 또는 글 위로 마우스를 가져가 편집을 클릭합니다.
- 왼쪽 상단에서 + 추가를 클릭합니다.
- 모듈 아래에서 커머스 섹션을 클릭합니다.
- 결제를 클릭하고 페이지의 원하는 위치로 드래그합니다.
- 사이드바 편집기에서:
- 버튼 텍스트 필드에 버튼에 표시할 텍스트를 입력합니다.
- 버튼 대상 아래에서
- 결제 링크 사용을 선택하여 잠재고객을 결제 링크 중 하나로 안내합니다.
- 결제 링크 드롭다운 메뉴를 클릭하고 결제 링크를 선택합니다.
- 결제 링크를 클릭하면 새 브라우저 탭이나 창이 열리도록 하려면 결제 동작에서 새 탭에서 열 기를 선택하고, 결제 링크를 페이지에 오버레이로 표시하려면 슬라이딩 오버레이를 클릭합니다.
- 기타를 선택하여 잠재 고객을 외부 링크나 웹사이트 또는 랜딩 페이지 중 하나로 안내합니다:
- 외부 링크를 사용하려면 링크 대상 드롭다운 메뉴를 클릭하고 외부를 선택합니다. URL 필드에 URL을 입력합니다.
- 기존 웹사이트 또는 랜딩 페이지를 사용하려면 링크 대상 드롭다운 메뉴를 클릭하고 콘텐츠를 선택합니다. 콘텐츠 드롭다운 메뉴를 클릭하고 페이지를 선택합니다.
- 링크를 클릭하면 새 브라우저 탭이나 창이 열리도록 하려면 새 창에서 링크 열기 스위치를 켭니다.
- 링크 유형에서 팔로우 안 함 확인란을 선택하여 검색 엔진에 링크를 무시하도록 지시합니다.
- 결제 링크 사용을 선택하여 잠재고객을 결제 링크 중 하나로 안내합니다.
- 아이콘 추가 확인란을 선택하여 버튼에 아이콘을 추가합니다.
- 아이콘 드롭다운 메뉴를 클릭합니다.
- 바꾸기를 클릭하여 기존 아이콘을 바꿉니다.
- 오른쪽 패널에서 아이콘을 검색합니다. 아이콘을 클릭하여 선택합니다.
- 위치 드롭다운 메뉴를 클릭하고 버튼에서 아이콘의 위치를 선택합니다.
- 오른쪽 상단에서 업데이트 또는 게시를 클릭하여 변경 사항을 실시간으로 설정합니다.
- 디자인 관리자에서 페이지 템플릿에 기본 결제 모듈을 추가할 수도 있습니다.
외부 페이지 또는 사용자 지정 모듈에 임베드 코드 추가하기
외부 웹사이트에 결제 링크 임베드 코드를 추가하거나 디자인 관리자에서 결제 모듈을 생성하고 해당 모듈에 임베드 코드를 추가할 수 있습니다. 결제 링크를 임베드하면 결제 양식이 페이지에 바로 표시됩니다.
임베드 코드를 복사하려면
- HubSpot 계정에서 커머스 > 결제 링크로 이동합니다.
- 링크 위로 마우스를 가져가 작업을 클릭한 다음 임베드를 선택합니다.
- 대화 상자에서 임베드 코드 복사를 클릭합니다.
임베드 코드가 복사되면 사이트에 바로 추가할 수 있습니다. 또는 개발자인 경우 새 모듈을 생성하고 콘텐츠 제작자가 사용 가능한 결제 링크 중에서 선택할 수 있도록 링크 필드를 포함할 수 있습니다.
참고: 모듈을 만들려면 HTML, CSS, HubL 및 HubSpot 디자인 매니저에 대한 지식이 필요합니다. 코딩된 모듈을 생성하려면 디자이너와 협력하는 것이 좋습니다.
마케팅 이메일에 결제 링크 추가
마케팅 이메일에 결제 모듈을 추가할 수 있습니다. 예를 들어 이벤트를 계획할 때 구매자가 이메일에서 바로 티켓을 구매할 수 있는 결제 링크를 포함할 수 있습니다.
- HubSpot 계정에서 마케팅 > 이메일로 이동합니다.
- 기존 이메일 초안 위로 마우스를 가져가 편집을 클릭하거나 이메일 생성을 클릭하여 새 이메일을 작성합니다.
- 왼쪽 상단에서 + 추가를 클릭합니다.
- 콘텐츠 탭의 전자상거래 아래에서 결제를 클릭하고 페이지의 원하는 위치로 끌어다 놓습니다.
- 결제 드롭다운 메뉴를 클릭하고 결제 링크를 선택합니다.
- 버튼 텍스트 필드에서 표시되는 텍스트를 편집합니다. 텍스트 필드에 이모티콘을 삽입하려면 이모티콘 아이콘을 클릭합니다.
- 스타일 탭을 클릭하여 글꼴 유형, 크기, 색상, 배경색, 정렬, 패딩 등 버튼의 스타일을 조정합니다.
- 설정을 완료하고 이메일을 보냅니다.
연락처가 버튼을 클릭하면 결제 페이지로 바로 이동합니다. 결제가 완료된 후 HubSpot에서 어떤 일이 발생하는지 자세히 알아보세요.