Once your products have been properly setup you can begin integration. For 2Checkout.com’s Plug-and-Play cart you will be provided HTML snippets which can be copied and pasted into your website to create buy buttons or purchase links.
To view these HTML snippets click the Products tab and select the green HTML icon under the Actions column for the product you wish to integrate. The HTML icon will transfer you to the below Product HTML Snippets page.
The above Product HTML Snippets page provides more than one type of HTML snippet to integrate with your site. Examples of each snippet’s output are displayed immediately below the snippet code. When pasted into your website each snippet will create a unique purchase button or link (depending on the snippet selected). This button or link will pass your buyer into our purchase routine to either complete or navigate back to your site to continue shopping before finishing checkout.
Please Note: The Add a Shopping Cart ‘Checkout’ Link and Add a Shopping Cart ‘Checkout’ Button snippets are to be used in the instance a buyer clicks the buy button on your site and is directed to 2Checkout.com to add a product to their cart. The buyer clicks the Continue Shopping button on 2Checkout.com to return to your site for additional products. The HTML page also provides a View Cart snippet that will return the buyer to their cart on 2Checkout.com to complete their order.
You are not limited to the snippets provided in the seller area. You can find many different integration examples at our demo site. Feel free to explore and try out each example so you may gain a better understanding of your website’s integration possibilities. The only required parameters are the sid and product_id, but their are many other optional parameters that you can pass in your HTML form or link to customize the checkout experience.
In addition to the universal parameters, you also have the fixed parameter available as part of this set. Setting this equal to “Y” will lock the quantity fields in the purchase routine and remove the continue shopping button.
<form action='https://www.2checkout.com/checkout/purchase' method='post'> <input type='hidden' name='sid' value='1303908' /> <input type='hidden' name='product_id' value='1' /> <input type='hidden' name='quantity' value='1' /> <input type='hidden' name='fixed' value='Y' /> <input name='submit' type='submit' value='Checkout' /> </form>
You can also have multiple products within a direct payment link or HTML submission form. This is helpful for vendors who sell products as a package or in bulk. To do this, you would add an incrementing digit to the end of both ‘product_id’ and ‘quantity’ for each individual product to be purchased. A direct payment link would look like this:
The same format would be reflected within the HTML submission form:
<form action='https://www.2checkout.com/checkout/purchase' method='post'> <input type='hidden' name='sid' value='1303908' /> <input type='hidden' name='product_id1' value='1' /> <input type='hidden' name='quantity1' value='1' /> <input type='hidden' name='product_id2' value='2' /> <input type='hidden' name='quantity2' value='1' /> <input name='submit' type='submit' value='Add to Cart' /> </form>