Option 1
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<script type="text/javascript" src="https://sandbox.forte.net/checkout/v1/js"></script>
<link rel="stylesheet" type="text/css" href="https://sandbox.forte.net/checkout/clientcss" />
<script type="text/javascript">
function oncallback(e) {
//handles the callback message
alert(e.data);
}
</script>
<title>
Forte Checkout Demo
</title>
<style type="text/css">
.auto-style1 {
width: 492px;
}
.auto-style3 {
width: 492px;
height: 25px;
font-weight: 700;
}
.auto-style4 {
width: 424px;
height: 25px;
}
.auto-style5 {
height: 25px;
}
.auto-style6 {
width: 424px;
}
</style>
</head>
<body id="ForteCheckoutDemo_body_tag"><button api_login_id='XXXXXXXXXXXXXX' method='schedule' version_number='1.0' total_amount='30' utc_time='635424387780312938' order_number='123' customer_token='' paymethod_token='' signature='92b128a77576d64453c8864b7853a719' allowed_methods='visa,mast,disc,amex' hash_method='md5' save_token='true' collect_shipping_address='' entered_by='' swipe='' xdata_1='' xdata_2='' xdata_3='' xdata_4='' xdata_5='' xdata_6='' xdata_7='' xdata_8='' xdata_9='' billing_name='' billing_company_name='' billing_street_line1='' billing_street_line2='' billing_locality='' billing_region='' billing_postal_code='' billing_email_address='' billing_phone_number='' shipping_name='' shipping_company_name='' shipping_street_line1='' shipping_street_line2='' shipping_locality='' shipping_region='' shipping_postal_code='' shipping_email_address='' shipping_phone_number='' schedule_start_date='08/14/2014' schedule_frequency='monthly' schedule_quantity='' schedule_continuous='true' line_item_header='' line_item_1='' line_item_2='' line_item_3='' line_item_4='' line_item_5='' line_item_6='' line_item_7='' line_item_8='' line_item_9='' line_item_10='' callback='oncallback'>Pay Now</button><br /><br /><a href='../Default.aspx'>Click to go back</a>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"478b479946ac40ba8cf1da2d7e4b6f32"}
</script>
<script type="text/javascript" src="http://localhost:55082/6194f56bd0754f7e8a6737f42ca89828/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>
Option 2: Only HTML
<button api_login_id='xxxxxxxxxxx' method='schedule' version_number='1.0'
total_amount='30' utc_time='635424364315280815'
order_number='123'
customer_token='' paymethod_token=''
signature='bbf6efd5c960cbdcda5688bb639a40f7'
allowed_methods='visa,mast,disc,amex'
hash_method='md5' save_token='true'
collect_shipping_address='' entered_by='' swipe='' xdata_1='' xdata_2='' xdata_3='' xdata_4='' xdata_5='' xdata_6='' xdata_7='' xdata_8='' xdata_9=''
billing_name=''
billing_company_name=''
billing_street_line1=''
billing_street_line2=''
billing_locality=''
billing_region=''
billing_postal_code=''
billing_email_address=''
billing_phone_number=''
shipping_name=''
shipping_company_name=''
shipping_street_line1=''
shipping_street_line2=''
shipping_locality=''
shipping_region=''
shipping_postal_code=''
shipping_email_address=''
shipping_phone_number=''
schedule_start_date='8/3/2014'
schedule_frequency='monthly' schedule_quantity=''
schedule_continuous='true' line_item_header='' line_item_1='' line_item_2='' line_item_3='' line_item_4='' line_item_5='' line_item_6='' line_item_7='' line_item_8='' line_item_9='' line_item_10='' callback='oncallback'>Pay Now</button>
