윅스 (Wix) 코딩 강의 중급 (Intermediate) - 결제 시스템 만들기 (Collect Payments for a Single Product) - 데이터 (Data)
강의 내용 요약
다음의 예제는 Wix 윅스 무료 홈페이지 만들기의 자바스크립트 (Javascript) 코딩 기능을 활용할 수 있는 Corvid by Wix (윅스 코딩 - 콜비드) 를 활용하여 만듭니다.
웹사이트 방문자가 사이트 내에 있는 상품을 안전한 결제시스템을 통해서 결제할 수 있는 기능을 만듭니다.
Pay API | Toy Store
DIY ROBOT Now for $0.50! instead of $10.00 Buy Now A wonderful activity for ages 3 and up. Enjoy the creation of a new play mate, while developing your child's fine motor skills. * Special edition with the original handmade design Free Shipping within the
corvid-examples.wixsite.com
Log In | Wix
Login to Wix.com
users.wix.com
강의 내용 만드는법
만들고자 하는 윅스 사이트에 다음과 같은 구성 요소들이 필요합니다.
- 버튼
- 이미지
코드 (Code)
Pay API
// For full API documentation, including code examples, visit http://wix.to/94BuAAs
import wixPay from 'wix-pay';
import {createPaymentForProduct} from 'backend/BE_PayAPI';
export function button1_click(event, $w) {
createPaymentForProduct().then(payment => {
wixPay.startPayment(payment.id, {"termsAndConditionsLink": "https://www.wix.com/"});
});
}
BE_PayAPI.jsw
import wixPay from 'wix-pay-backend';
export function createPaymentForProduct() {
return wixPay.createPayment({
items: [{ name: 'DIY Robot', price: 0.50 }],
amount: 0.50
});
}
API
wix-pay - Corvid API Reference
Before using the startPayment() function, you will need to set up your site to accept payments. To learn more, see About Accepting Payments . When setting up your site to accept payments, be sure to select the payment methods you want to offer and set your
www.wix.com
Corvid by Wix (윅스 코딩 - 콜비드) 개발자 모드/도구 활성화하는 방법
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools) 설명) 개발자 도구를 활성화하기 위해서는 1. 에디터를 엽니다. 에디터 맨 위 상단 메뉴에서 코드를 클릭한 다음 개발�
limejuicer.tistory.com
연관된 토픽)
윅스 (Wix) 코딩 중급 (Intermediate) - 데이터베이스에 등록된 상품 결제 시스템 만들기 (Collect Payments
윅스 (Wix) 코딩 중급 (Intermediate) - 데이터베이스에 등록된 상품 결제 시스템 만들기 (Collect Payments for Products in a Database Collection) - 데이터 (Data) 설명) 연관된 토픽) 윅스 (Wix) 코딩 - 윅..
limejuicer.tistory.com
윅스 홈페이지 만들기 101
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)
limejuicer.tistory.com
출처 :
콜비드 - 윅스 코딩 (Corvid - Wix coding)
Collect Payments for a Single Product | Corvid by Wix Examples | Wix.com
On the Pay API page, we displayed a single product for sale. Product and pricing information is defined in the code.
www.wix.com
댓글