05/04/2013

Add Send Form Checkout with Thank You Page Install Guide Step 2


Add to Cart"
Item Name Installation Guide Step 2 Custom Checkout Form, Page and Thank You Page
Price RM59.95
Description Tutorial ad ncode snippets to install custom checkout with automated e-mail invoicing and notifications. Add custom Thank You auto re-deirect page for personal touch.


Stock/Size Available Location Blogger Dashboard > Add Pages section
More Details Go to Pages > Add Page > Blank Page > write the page title like so " Checkout " (without quotes).

Click HTML > copy below code to the Blogger editor body:-


<center>
<h2>
Currently in your Cart</h2>
</center>
<div class="simpleCart_items">
</div>
<div id="cartTotal">
<div class="total_quantity">
You have  <strong><span class="simpleCart_quantity"></span></strong> items in cart.</div>
<div class="total_amount">
Total Amount Due:  <strong><span class="simpleCart_total"></span></strong></div>
</div>
<div class="clear">
</div>
<br />
<div id="orderScroller">
<div id="contact-form">
<form action="" id="contact" method="post">
<fieldset>
<label for="firstname">First Name</label>
<input id="first_name" name="firstname" placeholder="First Name" title="Enter
your First Name" type="text" />
<br />
<label for="lastname">Last Name</label>
<input id="last_name" name="lastname" placeholder="Last Name" title="Enter
your Last Name" type="text" />
<br />
<label for="email">Your E-mail</label>
<input id="email" name="email" placeholder="yourname@domain.com" title="Your e-mail address" type="text" />
<br />
<label for="phone">Phone @ H/P</label>
<input id="phone" name="phone" placeholder="Preferred mobile number" type="text" />
<br />
<label for="address">Delivery Address</label>
<textarea id="address" name="address" placeholder="Full address please for prompt delivery, include unit number, street, area, state and country."></textarea>
<br />
<label for="postcode">Postal Code</label>
<input id="postcode" name="postcde" placeholder="Address postal code" type="text" />
<br />
<label for="message">Your Message</label>
<textarea id="comments" name="message" placeholder="Optional"></textarea>
 </fieldset>
<br />
Further details will be sent to you automatically via e-mail. We hope you had a great experience here at our store. We look forward for your next visit. Thank You.
</form>
<br />
<span style="float: right; font-size: 85%; margin-left: 2%; width: 48%;">
Please read through on our <a alt="terms and policy" href="http://goirsah.blogspot.com/p/policy.html"><strong>Terms and Policy</strong></a> for purchase orders submission. All details submitted are kept confidential and will not be published.
</span>
<!-- /end #contact-form -->
<a class="simpleCart_checkout" href="javascript:;"><span class="checkout_btn">Send Order</span></a>
</div>
<script type="text/javascript">
simpleCart({
    checkout: {
        type: "SendForm",
        url: "http://blogshop-cart.net76.net/sendcart.php",
        method: "POST",
        currency: "MYR",
        extra_data: {
           first_name: document.getElementById('first_name').value,
           last_name: document.getElementById('last_name').value,
           email: document.getElementById('email').value,
           phone: document.getElementById('phone').value,
           address: document.getElementById('address').value,
           postcode: document.getElementById('postcode').value,
           message: document.getElementById('comments').value,
           }
     }
});
</script>
</div>

To change your checkout currency find this code:-

currency: "MYR",


Currently it is set to Malaysian Ringgit. You can enter "USD" for US Dollar, "GBR"for Great Britain Pound Sterling etc. Find more pre-assigned currency code at http: www.simplecart.org.

You can also include your custom currency code through this tutorial here.

After finished, click Publish Page. Double check that your page has a " Checkout " title before saving!

0 Reviews:

Post a Comment

 

2013 © Blogger Responsive Cart

Designed by | Irsah inDesigns Copyright © 2013
Supported By | [Available Sponsor]

Domain + Hosting | Unlimited Web Host [Available Sponsors]
Sponsored By | [Avalilable Sponsors]