Image Map

Thursday, January 9, 2014

How to Include Links in TpT Product Descriptions

I've noticed many TpT product descriptions have a webpage the seller wants you to visit, whether it's to see a picture, to see other products or to visit their blog. Whatever the reason, there is wrong way and a right way to include links in your TpT product descriptions.


I am really lazy about certain things and highlighting, copying and pasting is no exception. I don't think many people even realize you can post links in the product descriptions. I didn't realize it until earlier in the fall. So how do you do it? I will show you!

If you already know how to include hyperlinks in HTML and are just looking for the codes, here they are:

Open link within the same window: <a href="PASTE URL HERE">LINK TEXT</a>
For example:  <a href="www.diaryofagrumpyteacher.blogspot.com">Diary of a Grumpy Teacher</a>

Open the link in a new window or tab: <a href="PASTE URL HERE" target="_blank">LINK TEXT</a>
For example: <a href="www.diaryofagrumpyteacher.blogspot.com" target="_blank">Diary of a Grumpy Teacher</a>

1. Start a "New Post" on Blogger. Even if you don't blog, use this method anyway. If you do blog, don't worry, you're not posting anything. This is how you're going to get your HTML code for your link.

Click on "Compose." Next, type the title of your link and then highlight it. Next, click on "Link."


2. Copy and paste the URL of your desired link into the "Web address" field. I would strongly advise against typing in the address. Any slight mistake will result in a link that doesn't work. Don't frustrate your potential buyers with a faulty link! 

Check the box next to "Open this link in a new window" if you want the link to open in a new window. Then click "OK."

3. Click on "HTML." Then highlight and copy the entire code.

4. Go to your TpT product page and click on "Edit."

5. In the field for the product description, paste the HTML code you copied from blogger.


6. Keep "Skip thumbnail generation!" checked if you want to leave your current thumbnail images the same. Then click "Next."

7. Click on the link to make sure it works and you're done!


10 comments:

  1. Thanks for sharing this!! I wondered how everyone was doing this!!!

    Jamie
    teachingtidbit.blogspot.com

    ReplyDelete
    Replies
    1. You're welcome! I'm glad it was helpful to you.

      Delete
  2. This was so helpful! I'm off to update all of my product descriptions! :) Thanks for the tip, Ms. Mai!

    Ellie
    Miss Woodward's Class

    ReplyDelete
  3. I had no idea!!! Thanks for the great instructions. I know what I'll be doing once my report cards are done!

    ReplyDelete
  4. Thank you for sharing this! This was extremely helpful!

    ReplyDelete
  5. What an easy way to do it! Thank you so much!!

    Mrs. 3rd Grade 

    ReplyDelete
  6. Thank you again for your help! I just posted the link!

    Cristina Santarelli

    ReplyDelete
  7. Wow! Thanks so much. This is a super helpful tutorial! :)

    ReplyDelete
  8. Oh my goodness! Thank you so much for this! Your directions are so easy to follow!

    ReplyDelete