close ad
 
Important WebAssist Announcement
open ad
View Menu

Web development tutorial

eCart checkout settings (eCommerce Series)

Tutorial created by Ray Borduin, WebAssist

Categories: Data Bridge, eCart, PHP

rating

This tutorial walks you though the Settings tab of the eCart Checkout Wizard where you will choose the general settings for your site and checkout pages. There are seven tabs in the user-friendly eCart Checkout Wizard, each with a dedicated tutorial - Settings, Payments, Shipping, Tax, Orders, Email, and Form Design. Each tutorial is linked to the next, guiding you through the eCart checkout process to wrap up the eCommerce workflow.

arrow downWhat do you need to start?

  1. Dreamweaver CS4 or higher.
  2. eCart 6 or higher installed and activated in Dreamweaver.
  3. Site defined in Dreamweaver - Watch video tutorial: Setting up a site in Dreamweaver.
  4. Saved PHP page with shopping cart. For assistance, view this tutorial: Add a shopping cart.
  5. Connection in Dreamweaver to your database. For assistance, view this tutorial: Create a PHP database connection.
  6. MySQL database. If you do not have one, you can download our free eCommerce MySQL database in this tutorial.
  7. Set up an account with a supported payment gateway if you process credit cards. For assistance, view this tutorial: Online payment solutions.
  8. Shipping provider account if you ship physical goods. For assistance, view this tutorial: Online shipping solutions.

arrow downOpen the eCart Checkout Wizard

To begin applying eCart functionality to your website, you will use the eCart Checkout Wizard.

  1. In Dreamweaver, open your shopping cart page that you created in the Add a shopping cart tutorial.


  2. Next, go to WebAssist > eCart > eCart Checkout Wizard.


  3. After the eCart Checkout Wizard opens, click on the first tab, Settings.

arrow downSite settings

The Settings tab is where the general settings are contained for your site and eCart checkout pages.

  1. Cart Object: From the menu, choose the eCart Object that relates to the current site containing your shopping cart.

  2. Site address: Enter the domain name of the site where your shopping cart will be deployed. For the purposes of the tutorials in the eCommerce series, ecommerce_site is the name of the site.
    Use the default localhost setting for development on your local testing server.

arrow downCheckout pages

The eCart Checkout Wizard creates four checkout pages necessary to the process, checkout.php, confirm.php, checkout_success.php, and checkout_failure.php.

  1. Browse to select each checkout page using the folder icons.




  2. Checkout page: This is the page that contains the checkout form. (checkout.php)


  3. Checkout confirmation page: This is the page that confirms your customers' orders once billing and shipping information have been collected. (confirm.php)


  4. Checkout success redirect page: Once your customers' orders are complete, this is the page where they are redirected. (checkout_success.php)


  5. Checkout failure page: In the event that an order is declined, this is the page where your customers land. (checkout_failure.php)

arrow downPayPal Express checkout return page

In addition to your preferred payment gateways, we suggest that you offer Express Checkout, PayPal's basic remote checkout. PayPal's Express Checkout caters to customers who might not want to use a credit card or checking account. Additionally, it offers a quick and free sign-up process with no monthly fees. For more information, see the section titled "Remote PayPal options" at Online Payment solutions in the eCommerce tutorial series.

  1. Order confirmation URL: This is the page where your customers will land if they choose PayPal's Express Checkout, a free remote checkout option.

arrow downWhat's your next step?

Now that you are finished with Settings, the first tab in the eCart Checkout Wizard, proceed to the Payments tutorial: eCart checkout payments (eCommerce Series).

arrow downWebAssist eCommerce series

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: product catalogs, shopping carts, product options (both static and dynamic), and checkout including payments. 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.

  1. Introduction to the eCommerce series: An overview of the WebAssist eCommerce series including a detailed description of each tutorial.

  2. Create a product catalog: Learn to create a dynamic product catalog for an online store.

    1. In Create a product catalog I, you will learn if a dynamic product catalog is appropriate for your online store and how to complete the initial set-up.
    2. In Create a product catalog II, you will learn how to create product administration pages, product catalog pages, and order pages for your dynamic product catalog.


  3. Add a shopping cart: Learn about using eCart to create a responsive shopping cart for selling your products online.

    1. Create an eCart object to define the structure of your shopping cart.
    2. 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.
    3. Design a responsive shopping cart page that holds informational details about the products a customer is purchasing.


  4. Add dynamic product options I: Learn how to add dynamic product options to your website's online store using eCart's shopping cart functionality.

  5. Add dynamic product options II: Learn how to add dynamic product options, which include options within themselves (for example, incremental pricing), to your website's online store using eCart's shopping cart functionality.

  6. Add static product options: Learn how to add static product options to your online catalog store.

  7. Add checkout and administration: Learn how to manage checkout, payments, 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.

    1. In the Settings tab, you will choose the general settings for your site and checkout pages.
    2. In the Payments tab, you will set up payment provider and checkout options.
    3. In the Shipping tab, you will choose shipping providers and set charges.
    4. In the Tax tab, you will set the rules for sales tax or VAT.
    5. In the Orders tab, you will configure your order storage options.
    6. In the Email tab, you will enter your email server settings.
    7. In the Form Design tab, you will select your checkout form from preset designs.


  8. Online payment solutions: Learn about online payment solutions including seamless checkout, remote checkout, and various PayPal checkout options.

  9. Hosting provider solutions: Learn about and choose between five hosting providers, 1&1, GoDaddy, HostGator, Network Solutions, and DreamHost.

  10. Online shipping solutions: Learn where and how to set up free shipping accounts with FedEx, UPS, USPS, and Australia Post.

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
rating

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

Content

rating

Layout

rating

Ease of use

rating

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.