Creating a Regular HTML Link
You can type a link onto a page directly. But it may be easier if you get used to using a plain text editor, like NotePad to create your HTML. Do not use "WORD" - you will develop bad habits that will bite later. Word processors use “curly quotes” that will make your link not work. You must use "straight quotes". If you don't know where to find NotePad, it is a normal Windows application. It is usually under "Accessories" but you can search for NotePad.exe and click on that file when you find it. A "URL" is the address that shows in your web browser's address bar.
A link starts with an anchor tag that holds the link in place.
<a
The type of anchor tag is hypertext reference.
<a href=
Then add the URL, don't forget the quotes!
<a href="http://www.dogplay.com"
Now close the tag.
<a href="http://www.dogplay.com">
Type the link text, what your visitor's will see.
<a href="http://www.dogplay.com">DogPlay Fun Things to Do With Your Dog
Type the ending anchor tag.
</a>
Copy your link code.
<a href="http://www.dogplay.com">DogPlay Fun Things to Do With Your Dog</a>
Log into your shop.
Click the Manage link.
Select Customize Shop Appearance
Select Custom HTML
Scroll down to Extra Sidebar Content (not all shop templates use this box - see alternatives)
Click the top of the box (you can actually put the code other places but this is the easy way not to accidentally get in between other codes). Putting it at the very end should be equally safe.
Paste your link code.
Click the Save button.
See the video demo on Create Link in CafePress Sidebar
Other locations for your link.
If the link doesn't show there could be several reasons for that. One common reason is the link code was put in the wrong place in a table. Use the Debugging Tables information to see if that is what happened. Also check to make sure you are in the right place for the link to show on the site. For example, if you are using a CafePress Premium shop form for adding custom HTML it is broken down into several boxes. Sometimes the sidebar box is not used. Use the Experimenting with Your Premium Shop tutorial to see how to figure out the structure of the code.
Check out some of the great HTML tutorial resources.
|