HTML Within Product Descriptions
Previous  Top  Next

HTML can be used within the product description to format the layout and text. It can also be used to add images and links. Here are some instructions and tips for using HTML within the product descriptions.

You can type basic HTML tags directly into the product description box for very simple text formatting such as using the <b>tags</b> for bold print or inserting a <br> tag for a line break, but it can get complicated when you add tables, images, links, and other tags. Not only could it become time consuming, but there are many opportunities for error. An easier way is to create the HTML using an HTML editor program such as Dreamweaver or FrontPage, copy the code, and paste it into the product description box. In the following example, Dreamweaver is used to create the source code. Different HTML editors may give different names to the functions, but the process is essentially the same.

Create the content in the WYSIWYG (What You See Is What You Get) mode.

clip10005

Copy the HTML source code for the area of the page that is to be inserted into the product description. In Dreamweaver this can be done by highlighting the area of the page and depressing Shift + Ctrl + V. The shortcut keys may be different for FrontPage or other programs. The same thing can be done by highlighting the area of the page and selecting from the menu, Edit > Copy HTML.

clip10006

The code can also be manually selected by switching to HTML code view, highlighting the source code and copying it with Ctrl + C or the mouse shortcut menu Copy tool, but you must be careful to include all of the opening and closing tags.

clip10007


Paste the HTML into the product description using Ctrl + V or the Paste tool from the right click short-cut menu.

clip10008
Click the Submit button at the bottom of the page to save the changes.

When the product is viewed in the AShop catalogue view, the HTML will be rendered right along with the rest of the page.

clip10009