평문 Notion은 그것을 하지 않을 것입니다
Notion에서 직접 게시된 사이트는 커스텀 코드를 실행할 수 없습니다. Super나 Simple.ink 같은 호스트는 그 능력을 추가할 것입니다.
Scriptorium · IX
Notion 사이트에 구매 버튼을 추가합니다
Notion은 자신의 것으로 커스텀 코드를 실행하지 않습니다. 따라서 버튼은 추가하는 호스트가 필요합니다. Super와 Simple.ink 같은 도구는 당신의 Notion 페이지를 게시하고 코드를 떨어뜨릴 수 있게 합니다. 그 중 하나와 함께, 버튼은 다른 곳과 같이 작동합니다.
스크립트 태그 추가, 한 번
당신의 호스트의 사이트 전체 코드 설정에서 스크립트 태그를 한 번 추가합니다. Super에서 그것은 설정, 그 다음 코드입니다. Simple.ink에서 그것은 사이드바의 Custom 코드 패널입니다.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>대시보드에서 제품 이름을 지정합니다
당신의 프로젝트를 열고, 제품 탭으로 전환하고, 제품을 추가합니다: 당신이 선택하는 참조, 이름, 가격, 통화. 여기서 대시보드는 이 페이지의 두 블록을 당신의 실제 프로젝트 ID로 작성합니다. 당신이 아래에서 보는 것이 모양입니다.
당신이 판매하는 곳에 버튼을 놓습니다
버튼을 원하는 곳에, 당신의 호스트의 마커와 함께 Notion 코드 블록을 추가합니다. Super에서, super-embed:을 첫 번째 줄에 놓고, 그 아래에 버튼을 놓습니다. Simple.ink에서, 두 #EMBED 줄 사이에 버튼을 래핑합니다. 호스트는 그것을 라이브 버튼으로 바꿉니다.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>게시하세요. 버튼은 페이지와 함께 렌더링되고, 구매자가 처음 클릭할 때 결제 선택기가 로드됩니다. 각 추가 제품은 다른 참조 및 레이블이 있는 같은 블록입니다.
이것들을 조심하세요
버튼은 코드 블록에 들어갑니다
버튼을 평문처럼 페이지에 붙이지 않습니다. 당신은 당신의 호스트의 마커가 있는 Notion 코드 블록에 그것을 넣습니다. 그것은 Super의 경우 super-embed:, Simple.ink의 경우 #EMBED입니다. 호스트는 그곳에서 그것을 렌더링합니다.
시도하는 것이 무료입니다
Simple.ink는 당신이 시작할 수 있는 무료 계층을 가지고 있습니다. 당신은 버튼을 배선하고 아무도에게 지불하지 않고 테스트 판매를 가져갈 수 있습니다. Super는 같은 것을 하기 위해 시험을 제공합니다.