close ad
Important WebAssist Announcement
open ad
View Menu

Web development tutorial

eCommerce Overview (eCommerce Series)

Tutorial created by Ray Borduin, WebAssist

Categories: Data Bridge, eCart, Dreamweaver, PHP


With eCart technology as the cornerstone of the WebAssist eCommerce series, these in-depth tutorials will walk you through the steps of building an eCommerce site, including product catalogs, shopping carts, product options (both static and dynamic), payments, and checkout. Completing the eCart portion of the series is help for setting up a back-end administration to manage your eCommerce business. Additionally, to be used with or without eCart, you will learn about payment gateway providers, hosting solutions, and online shipping accounts.

arrow downCreate a product catalog

Learn to create a dynamic product catalog for an online store including product administration pages, product catalog pages, and order pages. This is helpful when you sell multiple products that change often or need categorizing. Just as important to know is that you can actually set up a store without having a dynamic product catalog. So before you start down the path of creating a database, you will learn to determine if this step is necessary or if you should skip directly to the next tutorial in the WebAssist eCommerce series.

Learn more at Create a product catalog I and Create a product catalog II.

arrow downAdd a shopping cart

Learn about using eCart to create a shopping cart for selling your products online. There are three steps to this process, each with a dedicated tutorial - how to create an eCart object which defines the structure of your cart, how to place an Add to Cart button on a product catalog which your customers can use to select items to purchase and add them to their shopping cart, and how to create a responsive shopping cart page that holds informational details about the products a customer is purchasing.

Learn more about adding the eCart object, Add to Cart button, and responsive shopping cart.

arrow downAdd dynamic product options I

Learn how to add dynamic product options to your website's online store using eCart's shopping cart functionality. This will give your customers the ability to choose options appropriate to your product line, for example, color and size.

Learn more about adding dynamic product options I.

arrow downAdd dynamic product options II

Learn how to add dynamic product options, which include options within themselves, to your website's online store using eCart's shopping cart functionality. As an example, specialty clothing lines often need the ability to increment prices for extra-large sizes since they are more costly to manufacture. So while sizes small, medium, and large could have a base price of $9.99, extra large and extra-extra large sizes could be incrementally priced at an additional $2.

Learn more about adding dynamic product options II.

arrow downAdd static product options

Learn how to add static product options to your online catalog store. Instead of retrieving information from a database, product details as well as the shopping cart application are specified using eCart functionality. When do static product options make sense? This technique is appropriate for a limited product line and for products that do not change on a day-to-day basis or need categorizing. For these situations, creating a database would probably be overkill. Instead you can add static product options directly to a webpage using eCart functionality. With eCart, you can also create an Add to Cart button, shopping cart display, and make changes to your product line in the future.

Learn more about adding static product options.

arrow downAdd checkout and administration

Learn how to manage payments, checkout, and the back-end administration of your eCommerce site using the seven tabs in the eCart Checkout Wizard - Settings, Payments, Shipping, Tax, Orders, Email, and Form Design.

Learn more about adding Settings, Payments, Shipping, Tax Rules, Orders, Email, and Form Design in the eCart Checkout Wizard.

arrow downOnline payment solutions

Learn about online payment solutions including seamless checkout, remote checkout, and various PayPal checkout options. In addition, this tutorial will help you determine when it's necessary for you to purchase an SSL certificate and set up a merchant account. Comparisons and contact information of trusted payment gateway providers, SSL certificate providers, and merchant account providers are also included.

Learn more about online payment solutions.

arrow downHosting provider solutions

A hosting provider stores your site on their servers and gives it a unique address so that anyone can find and view your site on the web. In this tutorial, you will learn what five hosting providers, 1&1, GoDaddy, HostGator, Network Solutions, and DreamHost uniquely offer to website owners. Convenient contact information is included so you can readily sign up for a hosting service.

Learn more about hosting provider solutions.

arrow downOnline payment solutions chart

When you are building an eCommerce website, you need a secure way for your customers' money to get from your website to your bank account. It sounds like a simple concept, but there are a few things you need to consider before you can choose the payment gateway provider that's right for you. So we created a chart to compare the industry's top payment gateways.

Compare online payment solutions in a user-friendly chart.

arrow downOnline shipping solutions

This tutorial puts an end to scouring the web in a struggle to find online shipping providers. Learn where and how to set up free shipping accounts with FedEx, UPS, USPS, and Australia Post. In addition, this tutorial will walk you through the steps of obtaining API credentials that can be used to integrate shipping services into your website.

Learn more about online shipping solutions.

arrow downReviews and comments

Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.

Sign in to add comments

CGil09875565: 10 Years, 6 Months, 4 Weeks, 1 Day, 2 Hours, 42 Minutes ago

Are you completing the tutorials any time soon? I'm most interested in the following sections: Add checkout and payments and Add administration and management. Thx!


Team WebAssist: 10 Years, 6 Months, 4 Weeks, 1 Day, 1 Hour, 30 Minutes ago

We are working on the rest of the set and they will be live in the next month or so when eCart 6 is released.


this_is_me: 10 Years, 3 Months, 3 Weeks, 4 Days, 9 Hours, 15 Minutes ago

Thank you very much for this long overdue tutorial. I like this very comprehensive, step-by-step docu, indeed.
However, I could not find the Email checkout Is there a broken link?


Kate Ford: 10 Years, 3 Months, 3 Weeks, 4 Days, 6 Hours, 55 Minutes ago

Thank you for catching the broken link. It is now operational. I'm happy to know the eCommerce tutorials covering the eCart checkout process are helpful. Please feel free to comment in the future.

: 9 Years, 3 Months, 2 Weeks, 5 Days, 7 Hours, 44 Minutes ago

Must say, a perfectly prepared lesson! Sounds much value-giving and educative. Looking forward similar posts in future. Thanks!


Kate Ford: 9 Years, 3 Months, 2 Weeks, 4 Days, 23 Hours, 21 Minutes ago

Thank you for the feedback. I'm happy to hear that the series is beneficial!

Loginworks: 7 Years, 1 Week, 3 Days, 9 Hours, 2 Minutes ago

Nice article. This Article help to web designer and developer to create a wonderfull website.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.