FoxyCart Examples

Read this first (please)...

There are only a few steps you'll need to take to prep your site for FoxyCart. Please read through our quick getting started guide to make sure you add the necessary includes.

Examples...

Basic "Add to Cart" links
Basic "Add to Cart" forms
Form with price, weight, and code modifiers
Donations / user submitted input
Subscriptions / Recurring Purchases
Downloadables
Multiple products

Basic "Add to Cart" Links

Selling products with FoxyCart is as easy as creating a link. Make sure you have the foxycart_includes.js so that class="foxycart" works as desired.

Example

AJAX Ecommerce T-Shirts: $15

Get what may be the nerdiest t-shirt ever with FoxyCart's superdorky t-shirt. Satisfaction guaranteed.

Add to Cart

View source

<a href="http://example.foxycart.com/cart?name=AJAX%20Ecommerce%20T-Shirts&amp;price=15" class="foxycart">Add to Cart</a>

Basic "Add to Cart" Form

If you have some user input that you need to take into account (like a "Size" selection), a basic form is all you need. Make sure you have the foxycart_includes.js so that class="foxycart" works as desired.

Example

SEO Ecommerce T-Shirts: $20

Get what may be the nerdiest t-shirt ever with FoxyCart's superdorky t-shirt. Satisfaction guaranteed.

View source

<form action="https://example.foxycart.com/cart" method="post" accept-charset="utf-8">
	<input type="hidden" name="name" value="SEO Ecommerce T-Shirt" />
	<input type="hidden" name="price" value="20" />
	<div class="fc_row">
		<label for="name" class="fc_label_left">Size</label>
		<select>
			<option value="small">Small</option>
			<option value="medium">Medium</option>
			<option value="large">Large</option>
		</select>
	</div>
	<div class="fc_row fc_row_buttons">
		<input type="submit" name="Add to Cart" value="Add to Cart" />
	</div>
</form>

Form with price, weight, and code modifiers

So let's say you have a modifier that costs more than others. Or a modifier that increases a product's weight, or changes the SKU or product code (like from 0102-a to 0102-b). It's super easy. Make sure you have the foxycart_includes.js so that class="foxycart" works as desired. Check the wiki for more documentation on this feature.

Example

Web 2.0 Ecommerce T-Shirts: $25

Get what may be the nerdiest t-shirt ever with FoxyCart's superdorky t-shirt. Satisfaction guaranteed.

View source

Donations / Form with user-submitted input

Want a form to allow donations where the user can input the desired contribution amount? Or perhaps a customizable field to allow a gift note? All it takes is a simple form. Check the wiki for more documentation on this feature.

Example

Custom Ecommerce Donations: Pick Your Price

Get what may be the nerdiest t-shirt ever with FoxyCart's superdorky t-shirt. Satisfaction guaranteed.

View source

Subscriptions & Recurring Orders

Great for membership subscriptions, recurring orders (like for vitamins or gift packages), or recurring donations to charitable organizations. Check the wiki for more documentation on this feature. NOTE: Subscriptions currently do not support tax or shipping, though this functionality is planned for the future.

Example

Shirt of the Month Club: $25/mo

New geeky tees delivered every month. Never be shirtless again. If you'd like shirts more or less frequently, adjust your time period below:

View source

Downloadable Products

Downloadable products are just like regular products as far as how they're added, but there is a very important difference in that downloadable products must first be uploaded to your store. When you upload your product, you'll assign a code and a category to it. You'll use the code and the category attributes, rather than the name and price.

Example

Downloadable Shirt Designs: $0.99

Download our shirt designs to print out on your inkjet printer, then iron them onto your own shirt.

View source

Adding Multiple Products at Once

Sometimes you need to add multiple products to the cart at one time, like a camera and a camera case. Lucky for you there's FoxyCart. Check the wiki for more documentation on this feature.