Scriptorium · VII

Framer 사이트에 구매 버튼을 추가합니다

Framer에서 페이지를 디자인하고 버튼으로 판매합니다. 사이트 설정에 한 번 붙이고 캔버스에 한 Embed 구성 요소, 그리고 디자인은 정확히 당신의 것으로 남아 있습니다.

스크립트 태그 추가, 한 번

사이트 설정에서 커스텀 코드를 열고 스크립트 태그를 헤드에 로드되는 섹션에 붙입니다. 적용되려면 게시합니다.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

당신의 프로젝트를 열고, 제품 탭으로 전환하고, 제품을 추가합니다: 당신이 선택하는 참조, 이름, 가격, 통화. 여기서 대시보드는 이 페이지의 두 블록을 당신의 실제 프로젝트 ID로 작성합니다. 당신이 아래에서 보는 것이 모양입니다.

페이지에 Embed 구성 요소를 떨어뜨리고, HTML을 선택하고, 버튼을 붙입니다. 당신이 게시하기 전에 프레임을 대략 버튼 크기로 그립니다.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

게시하세요. 버튼은 페이지와 함께 렌더링되고, 구매자가 처음 클릭할 때 결제 선택기가 로드됩니다. 각 추가 제품은 다른 참조 및 레이블이 있는 같은 블록입니다.

Framer는 유료 사이트 계획에서 커스텀 코드 및 embed를 실행합니다. 무료 사이트에서 게시된 페이지는 버튼을 표시하지 않습니다.

제로 높이로 남은 프레임은 버튼을 완전히 숨깁니다. Embed에 명시적 크기를 지정하고 레이아웃은 페이지가 로드되는 동안 유지됩니다.

Framer의 HTML embed는 문서가 확인된 작업으로 나열하는 표면 중 하나입니다.

무료는 월 150건의 거래를 다룹니다. 가입할 카드 없음.