How to Build an Online Catalog

Save

Showcasing products for an Internet sales business requires an online catalog complete with pictures and descriptions. With just a bit of website design knowledge, you can build an online catalog to convince interested visitors to buy your goods.

Things You'll Need

  • Website hosting account
  • Website template
  • Photos of products
  • Word processing program

Build an Online Catalog

  • Acquire a website hosting account with sufficient space for all the products you wish to feature in your online catalog. Choose a free or professional template, or design your own web style, and apply it to the home or index page of your website from the hosting control panel. To do this, copy and paste the code and upload any graphics included.

  • Write a list of categories your products fall into. Creating an online catalog is easier for both the website developer and eventual visitors if products are in easily navigable categories. Create a new page in your website hosting control panel for each category of products. Copy the template to each page.

  • Photograph each product with sufficient lighting in front of a plain color background. If available, stock photos of products can be used effectively. Make all the product pictures the same dimensions. The pictures should be large enough to clearly show the product details but not larger than a standard browser screen. Customers should not have to scroll to see product pictures in the online catalog.

  • Write a description of each product in a word processing file. Be sure to include enticing adjectives as well as basic facts such as size, color and usage tips. Include keywords about the product as if there were no picture. This is better for both visitors and search engines.

  • Insert a product title, the photograph and the description of each item in the online catalog on the appropriate category page of the website. Create a thumbnail of each picture by specifying the height and width of the graphic on the category page. Example: <img src="URL of Graphic" height="50px" width="50px">

  • Make the thumbnail clickable so interested people can see the larger version. Example: <a href="URL of large picture"><img src="URL of picture" height="50px" width="50px"></a>

  • Separate the individual products with a horizontal rule (<hr>) or simply white space. Include all available products in the appropriate categories to complete the online catalog.

References

  • Photo Credit Mmagallan at SXC.hu
Promoted By Zergnet

Comments

You May Also Like

  • How to Create a Product Catalog for Free

    A product catalog is an excellent way to show customers your product line. With a little preparation and some assembly time you...

  • How to Create an Online Course Catalog

    Maintaining an online course catalogue provides a searchable resource for students and potential students, offering them insight into areas of study and...

  • How to Create a Catalogue

    Catalogues are powerful marketing tools that can draw clients, increase sales and spread the word about products and services. Proper catalogue design...

  • How to Make My Own Catalog

    Any company with a wide variety of products to sell can benefit from having a catalog to give to customers. Producing a...

  • How to Catalog Books Online

    A number of services exist in cyberspace to help the book lovers of the world catalog their collections. Many of these services...

  • How to Make a PDF Catalog

    Many businesses make catalogs in order to promote their products. If you would like to make a catalog for your business you...

  • How Can I Make a Catalog at Home?

    A catalog is a grouping of products, along with short descriptions, that are used as selling tools (most commonly for direct mail...

  • Types of Catalog Parties

    If you know the brand name of the party you want to host, simply visit its website for instructions on how to...

  • How to Create a Catalog in Dreamweaver

    Dreamweaver is a web development application originally developed by Macromedia and acquired by Adobe in 2005. Dreamweaver is a WYSIWYG (What you...

Related Searches

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!