Ashley
Ashley2mo ago

Integration with Hubspot

Hello, My landing page is hosted on Hubspot. It is built with drag and drop blocks. One of the block is text, and I can add HTML code there. How can I integrate Toss by copy pasting some HTML code in that page? Thank you.
11 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
삼촌
삼촌2mo ago
Hi, there There are no plugins available for HubSpot yet. You can integrate TossPayments payments without using a plugin. However, when communicating with the backend using apiKey, the apiKey must not be exposed in the web browser. Please check separately whether HubSpot provides this feature. Please refer to here for integration. https://docs.tosspayments.com/guides/payment/integration
Ashley
Ashley2mo ago
Hi, thank you for the reply. But I still can't make sense of the documentation. When I copy paste this code https://docs.tosspayments.com/en/integration-widget#1-render-the-widget-and-request-payment, I see a "Pay now" button, but nothing happens when clicking on it. About the apiKey, what am I supposed to ask Hubspot? It's not clear to me. Thanks.
Integrate Payment Widgets | 토스페이먼츠 개발자센터
The Toss Payments Widget is a low code solution that only needs to be integrated once for all payment types and customization features.
삼촌
삼촌2mo ago
Hi, Payment Window is better for you than widget. https://docs.tosspayments.com/en/integration "1. Add the SDK,~~~ " refers to frontend development "2. Resquest Payment Authorization" is backend development. clientKey is used in the frontend, apiKey is used in backend. To use the javascript SDK, you must be able to import javascript from the no-code tool you want to use and set the apiKey separately to use it for API communication.
Integrate the Payment Window | 토스페이먼츠 개발자센터
Learn how to integrate Toss Payments with Payment Window.
Ayaan
Ayaan2mo ago
For the button action, you need to manually run the requestPayment() function by the button’s onclick event trigger. It doesn't work if you don't run the function by the trigger.
Ashley
Ashley2mo ago
Sorry, I don't understand what I'm supposed to do, I'm not a developer. Can you provide step by step instructions?
Ayaan
Ayaan2mo ago
You can read this docs for step-by-step guide. If you are not a developer, you also can ask your developer to join this discord so they can know what your team supposed to do.
Ashley
Ashley2mo ago
I don't have a developer, I'm a solopreneur. I don't think Toss will work for me, too complicated. Thanks.
Ayaan
Ayaan2mo ago
Hmm, I am sorry for hear that. If you're trying to make business on Korea, I can say that other PG services are more complicated. I recommend to use a no-code services such as Bubble to develop your shops as we support Bubble as official. Anyways, if you have any further inquiries, please feel free to left the post here.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
More Posts
테스트와 라이브 환경의 다른점이 정리된 문서가 있을까요?xpay 계좌 유효성 검사 응답값은 테스트, 라이브 동일한가요?네이버페이 테스트환경 동기화 부탁드립니다.mid : tpdfnongmin, tnewsnongmin개발문서 워닝관련개발할때 중요한 내용들인데 잘 눈에 안띄는데 저만 그런가요...가상계좌 테스트 결제 입금처리 문의테스트 키로 가상계좌를 발급한 후 테스트 결제내역에서 입금처리 버튼을 눌렀으나 메시지만 출력되고 입금대기 상태가 변경되지 않습니다퀵 계좌이체 관련해서 문의 입니다.상점 ID : lodev_cul API 버전 : 1.1 문의사항 : 퀵계좌이체 라고 따로 신청해야 뜨는 기능이라고 하던데 저희는 신청을 안했는데 이 기능이 뜨고 있습니다. 혹시XPay 타세션에서 승인요청안녕하세요 XPay를 사용하고 있습니다. 현재 앱에서 결제 진행프로세스(PG: 토스페이먼츠 연결해둔 내부 URL 호출) 웹뷰 PG 결제 요청 -> 결제 완료 -> 결제 승인 -> 테스트 결제건에 대한 내역 확인을 제공하는 관리자 페이지 제공 여부 문의 드립니다.테스트 스크릿 키로 결제승인/취소승인건에 대해서 결제내역 조회 페이지는 따로 없나요 ? 테스트 결제승인/취소승인에 대해서 내역 확인이 가능한지 문의 드립니다. 시크릿 키 :위젯하나에 paymethod 2개 올릴는게 가능한가요loadPaymentWidget 하여 하나의 위젯을 올리고 renderPaymentMethods 로 variantKey 다른 UI 2개를 호출 가능한가요 이렇게 구성했을때 첨부개발자센터 기관코드 페이지 은행 사명 변경 반영 부탁드립니다.개발자센터 기관코드 페이지 은행코드 부분의 DGB대구은행의 사명이 24년 6월 5일부터 ``iM뱅크`` 로 변경되어서 문서를 수정해주셨으면 좋겠습니다주문 취소 이후 '금액 취소가 완료'된 시점에 웹훅으로 알림을 받을 수 있나요?가상계좌나 카드의 경우 당일 주문 취소가 아니라면 며칠 뒤에 환불이 완료(금액 취소 완료)된다고 알고있는데 금액 취소가 완료된 시점에 웹훅으로 알림을 받을 수 있나요?