Share Offers via Image Recognition
How to Create Online 2D Barcodes for Your Mobile Site
Use Google Checkout for Your Mobile Commerce Site

How to Add a Shopping Cart with Dreamweaver

If you sell your merchandise through a static website, insert the shopping cart button(s) by using whatever tool you used to construct the site. The example here uses Dreamweaver, the industry-standard tool used to create custom websites.

1

Open the page of the item using Dreamweaver and then click the Split button at the top of the workspace.

This opens the dual-panel view, where you see the underlying code and the page's design.

2

Click the page where you want the shopping cart button to appear and then press Ctrl+V (on Mac, Command+V) to paste the code for the button into your page.

Again, this is the code that you copied.

3

Return to the tab in your browser where you created the shopping cart code, and then select and copy the code in the lower panel.

Press Ctrl+C (on a Mac, Command+C) to copy the code.

4

Return to Dreamweaver, scroll to the bottom of your page, and find the </body> tag.

This is where you will want to place the code.

5

Click just above this tag and press Ctrl+V (on Mac, Command+V) to insert the code.

This code needs to be added to each HTML page where the shopping cart button appears. If you have multiple pages, put this code at the bottom of each page.

It’s helpful to use Split view when you paste in the code for your button, so that you can control exactly where it's placed among other page elements and gain a sense of how it fits into the rest of your page design.

If, however, you have multiple items on one HTML page, return to your browser to generate the other buttons for the other items on your page.

blog comments powered by Disqus
Your Mobile Commerce Site: Work Behind the Scenes
The Mobile Commerce Opportunity
Compare Mobile Commerce Solutions
Mobile Commerce: Identify Target Customers for Your Online Store
Reach Facebook’s 500 Million Users
Advertisement

Inside Dummies.com