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.
Web Design & Development Glossary
AJAX
asynchronous JavaScript and XML. A technique used in web page development.
Web Design & Development Glossary
API
application programming interface. A set of rules programs use to communicate with each other.
Web Design & Development Glossary
color stop
A special element that indicates a color to be added to a gradient.
Web Design & Development Glossary
FTP
File Transfer Protocol. A network protocol useful for transferring files in a client-server relationship.
Web Design & Development Glossary
HTML
HyperText Markup Language. The predominant language for building web pages.
Web Design & Development Glossary
HTTP
HyperText Transfer Protocol. The primary networking language for the Internet.
Web Design & Development Glossary
PHP
PHP Hypertext Processor. A scripting language that works well within HTML.
Web Design & Development Glossary
socket
A technology that allows remote computers to maintain a persistent connection in order to communicate with each other.
Web Design & Development Glossary
sprite
An graphic object on a web page that will be manipulated in real time.
Web Design & Development Glossary
SQL
Structured Query Language. A programming language useful in managing relational databases.
Web Design & Development Glossary
stateless protocol
An Internet procedure that completely breaks the connection between the client and the server after a transaction, meaning that the next transaction will require an entirely new connection.
Web Design & Development Glossary
Telnet
A network protocol useful in interactive, text-oriented communications.
Web Design & Development Glossary
W3C
World Wide Web Consortium. The organization that sets international standards for the World Wide Web.
