crowdstart-checkout
Version:
One Click Checkout for Crowdstart
122 lines (110 loc) • 4.72 kB
HTML
<html class="no-js" lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="checkout.css">
<!-- Trick Phantom -->
<style>
.crowdstart-screen-strip * {
display: block ;
height: 1px ;
}
</style>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Button triggers checkout -->
<div style="margin-top: 25%; text-align:center;">
<a class="btn">Buy Now</a>
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.3.1/es5-shim.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="checkout.js"></script>
<script>
(function(){
checkout = new Crowdstart.Checkout(
'eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJiaXQiOjQ1MDM2MTcwNzU2NzUxNzYsImp0aSI6IlFyX3dLVldRRzZNIiwic3ViIjoiRXFUR294cDV1MyJ9.V_KXPzWAWfBEdxLIBDpAl1C5jker74FAaNzZpTM1rsTftRGmrt_vClEw0APu0REfuzqvTJYJefHIIo70vbT7UQ'
, {
config: {
callToActions: ['pre-order', 'confirm'],
termsUrl: '/terms.html',
},
test: {
endpoint: 'https://api.staging.crowdstart.com/',
paypal: true,
},
thankyou: {
facebook: 'suchtees',
googlePlus: 'suchtees',
twitter: 'suchtees',
twitterMsg: 'Don\'t actually tweet this test message.',
pinterest: true,
emailSubject: 'Test Subject',
emailMsg: 'Test Body',
},
referralProgram: {
name: "Such Referral",
triggers: [0],
actions: [{
type: "Credit",
currency: "points",
amount: 1
}]
}
})
checkout.setItem('84cRXBYs9jX7w', 1)
checkout.setItem('doge-shirt', 1)
$('.btn').on('click', function(){
checkout.open()
})
riot.update()
})()
// (function() {
// // Create a new client for Crowdstart API.
// var api = new Crowdstart.API('eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJiaXQiOjQ1MDM2MTcwNzU2NzUxNzYsImp0aSI6IkNTaWFDckhpdDQ0Iiwic3ViIjoiRXFUR294cDV1MyJ9.fRcRQRRe0CrcnGSW12fmQ_8Cly6mqByIc5wTnANPdPWP3V1Bx9AIGbTVPTx_3KbBEziGewKJtNT1ys6WDXegyg')
// // Create default order, should match whatever the user is trying to pay for
// var order = new Crowdstart.Order('usd',[
// new Crowdstart.ItemRef('84cRXBYs9jX7w', -1),
// new Crowdstart.ItemRef('doge-shirt', 100)
// ]);
// // Create default user (pre-populated in form fields)
// var user = new Crowdstart.User('joe@fan.com', 'Joe', 'Fan')
// // Social sharing settings
// var config = {
// shareMsg: 'Tell your Friends!',
// facebook: 'www.suchtees.com',
// googlePlus: 'www.suchtees.com',
// twitter: 'www.suchtees.com',
// twitterMsg: 'Check out suchtees!',
// internationalShipping: 2000,
// showPromoCode: true,
// forgotPasswordUrl: '#forgotPassword',
// referralProgram: {
// name: "$15 off each referral",
// triggers: [0],
// actions: [{
// type: "Credit",
// currency: "usd",
// amount: 1500,
// }],
// }
// }
// // Customize theme
// Crowdstart.setTheme({
// borderRadius: 5,
// })
// Crowdstart.Button('.btn')
// // Instantiate widget, can be called multiple times, overriding order in widget.
// Crowdstart.Checkout(api, order, user, config);
// })()
</script>
</body>
</html>