Dreamweaver CS3 For Dummies
Book image
Explore Book Buy On Amazon

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.

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.

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.

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.

Return to Dreamweaver, scroll to the bottom of your page, and find the tag.

This is where you will want to place the code.

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

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.

About This Article

This article can be found in the category: