Scriptorium · V

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

Webflow를 그것이 위한 것으로 유지합니다: 디자인. 버튼은 결제를 가져오고, 다른 요소처럼 당신의 레이아웃에서 자리를 상속합니다.

스크립트 태그 추가, 한 번

사이트 설정에서 커스텀 코드를 열고 스크립트 태그를 헤드 코드 필드에 붙입니다. 저장하고 게시합니다; 이제 전체 사이트에 로드됩니다.

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

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

당신이 판매하는 페이지에 Embed 요소를 떨어뜨리고 버튼을 안에 붙입니다. 캔버스에서 다른 것처럼 위치와 크기를 정합니다.

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

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

Webflow는 유료 사이트 계획이 있는 사이트에서만 커스텀 코드를 실행합니다. 무료 스테이징 도메인에서 헤드 코드는 휴면 상태로 유지되므로, 게시된 유료 사이트에서 결과를 평가합니다.

디자이너는 embed를 회색 블록으로 렌더링합니다. 실제 버튼은 게시된 페이지에 나타나므로, 주변의 공간을 스타일링하고, 게시하고, 봅니다.

버튼은 자신의 결제창입니다. 평문 CMS 또는 정적 사이트 계획이 그것을 수행합니다; Webflow Ecommerce는 청구서에서 완전히 나올 수 있습니다.

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