Snappy Checkout
I'm Mike Singer, the founder & developer of Snappy Checkout. I'm here to help if you have any questions that are not covered below. Feel free to email me anytime.
Display Checkout
Add Products
Before you can create your first checkout, you'll need to add a product in the Products section of the Snappy Checkout admin. After adding a product, click the link icon to the right of your product to find the checkout link for your product — and some examples of how you can integrate your checkout into your website.





Simple Checkout
The easiest way to display your checkout is from a link that opens your checkout at snappycheckout.com. This is the method you'll need to use if you do not have a website where you can post your products. Or you might want to quickly post a product on Facebook, Twitter, or send a checkout link to a customer via email.

Here's an example:




Integrated Checkout
If you have a website and it's HTTPS enabled (meaning you have SSL setup), you can add a checkout directly to your website. Here are a few ways to do that:

1) Add the following JavaScript to the exact location where you'd like a checkout button to appear:

<script src="https://s3.amazonaws.com/snappycheckout/Button.js" class="checkout-button" id="NYT6HURBAGFSMQU1LWQZP129" label="Buy Now"></script>

Note: You'll need to replace the above NYT6HURBAGFSMQU1LWQZP129 id with the id of your product. You can find the id in the Products section of your Snappy Checkout account (see the screenshot below). Also, you can change the "label" value if you'd like to display a different label on the checkout button.




2) Add the following JavaScript to the bottom of your website (somewhere in the footer):

<script src="https://s3.amazonaws.com/snappycheckout/Button.js"></script>

Then, add a link wherever you'd like your checkout to be accessed. For example:

<a href="https://www.snappycheckout.com/pay?NYT6HURBAGFSMQU1LWQZP129">Buy Now</A>

Note: You'll need to replace the above NYT6HURBAGFSMQU1LWQZP129 id with the id of your product. You can find the id in the Products section of your Snappy Checkout account.


3) Add the following JavaScript to to the bottom of your webpage (right above the closing </BODY> tag). This will cause your checkout to pop up as soon as the webpage loads.

<script src="https://s3.amazonaws.com/snappycheckout/Button.js"></script>
<script>Checkout.loadButton("NYT6HURBAGFSMQU1LWQZP129", "");</script>

Note: You'll need to replace the above NYT6HURBAGFSMQU1LWQZP129 id with the id of your product. You can find the id in the Products section of your Snappy Checkout account.



Customizing the Checkout Button
Using CSS, you can customize the checkout button so it matches other buttons on your website. To do so, set the name of the class to override the default CSS style.

For example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
     <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
     <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
</head>

<body>
     <script src="https://s3.amazonaws.com/snappycheckout/Button.js" class="checkout-button" className="pure-button pure-button-primary" id="NYT6HURBAGFSMQU1LWQZP129" label="Buy Now"></script>
</body>

</html>
© Snappy Checkout
support@snappycheckout.com