close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Web development tutorial

Secure Socket Layer (SSL) and eCart sites

Tutorial created by Team WebAssist

Categories: eCart

rating

Making sure that your online store provides a secure checkout process is an extremely important process. Implementing this important security, known as SSL or Secure Socket Layer, may require a little extra work.

NOTE: If you are using Remote Checkout to process transactions, you will not need SSL for your eCart site as credit card details will not be entered on your site.

arrow downWhat you need to start

  1. Dreamweaver CS3 or later
  2. eCart 5
  3. eCart site using Local Checkout

arrow downObtain an SSL Certificate

Most hosting providers give you the option to purchase an SSL Certificate. Once you purchase your SSL certificate from your hosting provider, you will have a new domain to use for the secure pages in your site.
Your hosting provider will provide you with a secure domain that appears similar to one of the two following options.

  1. https://www.mydomain.com

    If your secure domain appears like this and contains the same domain name as your original site, you will not need to proceed with this tutorial.

  2. https://www.secure.mydomain.com

    If your secure site uses a different domain name from your original, proceed with this tutorial to create the necessary functionality for SSL to work on your eCart site.

arrow downImplementing SSL

If your secure domain name is different to your regular domain name, you will need to follow these steps to make sure that when a customer makes a purchase through your site, they are transferred to the secure site automatically.

This is accomplished by creating a new Checkout button on your checkout page that takes the customer to the secure site.

Step 1: Creating the Insert Checkout Form

First, you need to delete your current Checkout button and create a new button on your cart page.

  1. From the Files panel, open your cart page which contains your eCart shopping cart display.
  2. Click once to select the Checkout button on your page.
  3. Press Delete on your keyboard to remove this button.
  4. Select the Code button to enter Dreamweaver's Code view.
  5. Locate the closing </form> tag that contains the cart buttons.
  6. Place your cursor after this closing tag.
    This step is required to ensure that your new Checkout button is inserted outside of the current form.
  7. From the eCart toolbar, select Insert Checkout Form.

  8. Select the SSL Transfer radio button.
  9. Enter the URL to the checkout page on the secure server.
    For example: https://www.mydomain.com.

  10. Click Next.
  11. Choose the desired design options for your new Checkout form.
  12. Click Finish.
  13. Press Ctrl (Cmd) S to save your page.
    When you click Finish, your new Checkout form will be created along with numerous icons representing hidden fields. These hidden fields will contain the cart details that are to be passed to the secure checkout page.
    Since the Checkout button needs to be in a separate form, it cannot be inserted beside the other cart buttons. However, if you are comfortable with CSS, you can try to create a custom class that would display this button in any desired location.

Step 2: Modify the checkout page to receive your cart values

With your cart page properly configured, you simply need to make simple adjustment to your checkout page.

  1. From the Files panel double-click to open your checkout page.
  2. From the Server Behaviors panel, choose Add > eCart > Add to Cart > Get Content From Form.
  3. Choose any form post from the Trigger menu.
  4. Select your cart from the Cart menu.
  5. Choose SSL Transfer from the Payment Gateway menu.

  6. Click OK.
  7. Press Ctrl (Cmd) S to save your page.

Step 3: Uploading your files

With those changes made to your cart and checkout pages you can now upload your files to both your insecure and secure servers. It is important to make sure that you upload all your files to both locations every time you make a change to any of the pages within your site.

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

: 2 Years, 11 Months, 2 Days, 2 Hours, 47 Minutes ago

Hello, nice one...thanks for this tut...however the images aint showing ...sure the image links are broken...thanks again

Anna Robinson: 2 Years, 10 Months, 4 Weeks, 2 Days, 1 Hour, 57 Minutes ago

Fixed, thank you for reporting!

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.