모든 템플릿 언어가 작동합니다
버튼은 대시가 있는 속성이 있는 평문 HTML이며, 모든 Eleventy 언어는 그것을 그대로 방출합니다. 이스케이프할 것도 없고, 구성할 것도 없습니다.
Scriptorium · III
Eleventy 사이트에 구매 버튼을 추가합니다
Eleventy는 당신이 건네주는 HTML을 모든 템플릿 언어에서 방출합니다. 버튼은 HTML입니다. 이 가이드는 짧습니다 왜냐하면 해결할 것이 없기 때문입니다.
스크립트 태그 추가, 한 번
스크립트 태그를 기본 레이아웃의 헤드에 추가합니다, 보통 _includes/ 아래의 파일, 그것이 말하는 템플릿 언어로.
<!-- _includes/layout.njk -->
<head>
<meta charset="utf-8" />
<title>{{ title }}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>대시보드에서 제품 이름을 지정합니다
당신의 프로젝트를 열고, 제품 탭으로 전환하고, 제품을 추가합니다: 당신이 선택하는 참조, 이름, 가격, 통화. 여기서 대시보드는 이 페이지의 두 블록을 당신의 실제 프로젝트 ID로 작성합니다. 당신이 아래에서 보는 것이 모양입니다.
당신이 판매하는 곳에 버튼을 놓습니다
버튼을 모든 템플릿에 붙입니다: Nunjucks, Liquid, WebC, 또는 마크다운 콘텐츠. Eleventy는 기본적으로 마크다운에 인라인 HTML을 통과시킵니다.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>게시하세요. 버튼은 페이지와 함께 렌더링되고, 구매자가 처음 클릭할 때 결제 선택기가 로드됩니다. 각 추가 제품은 다른 참조 및 레이블이 있는 같은 블록입니다.
이것들을 조심하세요
당신의 파이프라인은 당신의 것으로 남아 있습니다
스크립트는 보기 시간에 우리의 CDN에서 로드됩니다. 당신의 빌드, 당신의 번들러, 당신의 통과 사본은 그것이 존재함을 결코 모릅니다.