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.
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.

Click the "Get checkout link" icon next to any product in the "Products" section to get the checkout link for that product.



Here's an example of a checkout link:

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:


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):


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


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 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.


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.
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: