IP.Nexus Dev Update: Storefront

[Mark]

In our previous blog entry, we covered how to create packages in IP.Nexus. This blog entry will cover the storefront and ordering process for the products that you sell.


The Store

The front page of the store looks like this:


The front page allows users to view products items (you can configure which products are featured in the Admin CP) or the most popular (i.e. most sold) products.

Users can navigate the store using the category menu on the left. When you navigate into a category, it opens a tree with subcategories.


The bar on the left shows the products currently in your shopping cart, including any tax and discount costs.


As discussed in a previous blog entry, you can configure products to have custom fields or associations with other products. When adding these products, you will see a screen like this:



Viewing Your Cart

After adding an item, or by clicking the "Edit Cart" link the sidebar, you'll see a page like this:


As you can see, you can edit quantities for products which do not require custom fields by entering a new number in the box (or remove all of that product by clicking the remove link). For products which have custom fields, each item is listed individually, so you can remove the one you want.


Checkout Process

The checkout process is only available to registered members. If a guest clicks "Checkout" on the store, IP.Nexus will remember their cart and direct them to the registration screen. After registration is complete, when the user logs in, IP.Nexus will redirect them to the checkout page.

All steps of the checkout process have a cancel button that the user can use to cancel the purchase.

Clicking checkout from the cart screen, the user will be asked to enter their shipping address:

Of course, if the items the user is purchasing are not physical, or the user has already provided this information in a previous order, this step will be skipped.

Next, the user will be asked to select their shipping method:

The available shipping methods and shipping costs are calculated automatically based on what the user is purchasing. If the user purchases several items which have different available shipping options, more than one dropdown may be available.

In this case, IP.Nexus will automatically work out the minimum number of shipping orders to create based on the selections.
Again, if the items the user is purchasing are not physical, this step will be skipped.

The next page will show the user the total cost with shipping included and allow them to enter any coupon codes they have or apply account credit.

After selecting a payment method, the appropriate fields will automatically be shown:



After submitting, the user will either be taken back to the payment page if payment failed, or be shown a success page.


If you have configured IP.Nexus to hold all payments until you manually approve them, the success page will indicate this:


And of course if the user chooses to pay by a manual method (such as a check) they will be shown information how to pay:

View full blog entry