close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Web development tutorial

eCart checkout payments (eCommerce Series)

Tutorial created by Ray Borduin, WebAssist

Categories: Data Bridge, eCart, PHP


This tutorial walks you though the Payments tab of the eCart Checkout Wizard, showing how to set up payment provider and checkout options. 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 downPayments

The Payments tab is where you will determine whether payment information will be collected at your site (local checkout) or if users will enter their payment information after being redirected to the checkout provider's website (remote checkout).

  1. Payment provider options: Go to Online Payment solutions in the eCommerce tutorial series to learn which payment provider options best fit your needs.

  2. Local checkout: (will install a SSL certificate to allow seamless checkout from my web site): Selecting this radio button will populate local checkout providers and services in the Payment Provider and Provider Service menus. You will be required to purchase an SSL certificate to guarantee the security of your customer's payer information during its transfer to the payment provider.

  3. Remote checkout: (will rely on my payment provider for a secure checkout experience): Selecting this radio button will populate remote checkout providers and services. You will not be required to purchase an SSL certificate because the provider will be responsible for the security while collecting your customer's payer information.

  4. Payment Provider: From this menu, select the provider that you will be using to process your checkout.

  5. Provider Service: If your payment provider offers more than one service, select the preferred service from the menu.
    Generally, most providers offer both remote and local checkout methods. However, some providers (for example PayPal), provide multiple types for both methods.

  6. PayPal Express Checkout: Use PayPal's Express Checkout exclusively or as an alternative to your main provider. This offers your customers the option of paying with their PayPal account or credit card on the PayPal site.

  7. In-Context Checkout: An option exclusive to PayPal's Express Checkout, your checkout page will present a lightbox where your customer's billing information will be gathered. This option requires an SSL certificate to guarantee the security of your customer's payer information during its transfer to the payment provider.

arrow downPayments Pro settings

  1. PayPal settings: PayPal offers several options that give different levels of customization for your online checkout pages. If you choose to install an SSL certificate, choose between Payments Pro, Payflow Pro, and Payments Advanced. Alternately, if you decide to use remote checkout, choose between Payflow Pro and Payflow Link.
    Follow the link in the Payments tab of the eCart Checkout Wizard to sign up for the specific PayPal account of your choice.

  2. Credentials: You will be prompted by your payment provider to enter credentials before you can log in. If you can't locate the information, your credentials are usually held in the account settings on your payment provider's website.
    Some non-PayPal payment providers may require you to enter your credentials for that provider as well as PayPal credentials if you chose PayPal's Express Checkout.

arrow downWhat's your next step?

Now that you are finished with Payments, the second tab in the eCart Checkout Wizard, proceed to the Shipping tutorial: eCart checkout shipping (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

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.