This one was provided by TSBeading.  Wado!

Etsy treasury HTML code generator

by Whale Shark Websites

Thanks for visiting! If you find this tool useful you might also be interested in this tutorial on setting up your own website from scratch to promote your Etsy shop.

Description

This is a tool that lets you insert treasuries into your blog or webpage to promote them. You enter an Etsy treasury ID and the tool generates a chunk of HTML that will display the treasury items. This approach is better than just taking a screen shot because the links will be automatically created for you.

  • The treasury title links to the Etsy treasury page
  • The name of the curator links to their Etsy page
  • The photo and the title of each item links to the Etsy listing page
  • The name of the seller for each item links to the seller’s Etsy shop

NOTE: The term ‘Etsy’ is a trademark of Etsy, Inc. This application uses the Etsy API but is not endorsed or certified by Etsy, Inc.

Instructions

  1. Go to the Etsy page for the treasury you want to insert. Look at the URL in your browser’s address bar – it should look something like this:

    http://www.etsy.com/treasury/4c78082f71896d91a0f03ff5/let-them-eat-cake

    The treasury ID is the bit in bold – the long string of letters and numbers.

  2. Paste this ID into the form below, and choose how many columns you want to split the treasury into. The default is 4 columns, which is the same as on Etsy, but you can make the treasury thinner or wider to suit the design of the website you’re putting it on.

    You can also choose to make the treasury items smaller to fit on the page better – just pick “small” or “tiny” from the “Size” menu.

  3. Hit the “generate code” button and wait. It may take a while to work, as the tool has to retrieve a lot of information from Etsy.

  4. Take a look at the preview to check that everything looks okay. If it looks good, scroll down to the “HTML code” section.

  5. Copy all the code from the text box and paste it into the web page where you want to display the treasury. If you’re using WordPress, BlogSpot or any kind of software with a built-in editor, make sure you are working in HTML mode and not “visual editor” or “wysiwyg” mode.

  6. If it doesn’t look right, contact me via my blog or at martin@whalesharkwebsites.com and I’ll take a look.

  7. If these instructions aren’t clear, take a look at this tutorial on Handmadeology which has lots of screenshots.

  8. If you want to add the treasury to your Facebook page, take a look at this detailed tutorial.
Advertisements