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