You should know right off there is a lot more to this subject than meets the eye. For today, I’m just going to show you how to quickly add a product you’ve already got set up (sales page, download page, priced and so forth) to a wordpress blog. You can use these same techniques to add products to a static website too. You’ll see why I’m looking at WP in a moment.
In the simplest form – you are going to select a graphic for your product from your sales materials. Upload this graphic to your site or to a file server. (Note, I’m starting to use a file server for all of this type of stuff – that way I have all my images in one place with a list of urls.)
Without getting to complicated here, just use your ftp program and transfer the image someplace on your website or fileserver. Now type or paste that ulr into your browser. You should have just the image come up. Got it? Great. Copy that url into your clipboard.
Now open up your html editor. I use Trellian Web Page but it really doesn’t matter what you use. You can do this right in WordPress for that matter.
In your editor, open a blank page and insert your graphic. In Trellian I have to find it on my computer and use that one temporarily. Once inserted, right click on the image and choose “properties”. A box pops up with the image location. Now paste that url right there. Click apply and close out.
Now go back to your browser and navigate to the sales page for this product. Copy the url to your clipboard. In your editor, right click on the image again and choose “create link”. Paste that url in there.
Now click on source in your editor. You’ll see the code you need between the <body> and </body> tags. I usually include everything between the <P><P/> (paragraph) tags. Copy that code and head for your blog.
You can put this code anywhere (if you put it in a post or a page, make sure you are on the “source” tab”). But I like to put this in the sidebar so I click on widgets and drag a new text widget to where I want my image. Now just paste that code in the box, save and you are done.
You should be able to view the site and see your image. If you want add any copy to the box you can do that either by using the same method to format the text in your html editor or just typing into the box above or below the image code. Be sure to click on the image to make sure it works.
As I said you can add this code anyplace you like. By putting in in a widget, this image shows up on every page. If you tried this on a straight static website, you’d have to add the code to a template or to each page where you want it to show up.
Andy