Monday, May 24, 2010

How To Create An Etsy Mini For Anyone


Etsy: Your place to buy & sell all things handmade
inmyheadstudios.etsy.com

An Etsy Mini is a way to have items from your Etsy shop show up on any page you can put the HTML code for it. It's a very useful tool for blogging and promoting.

When you want an Etsy Mini for someone the usual way to go about it is to have to ask the shop keeper for their code. But if you know how to read it is possible to create an Etsy Mini for any shop. All you need is the shop name and the shop ID number – which is found in the right sidebar of the shop’s profile page.

Ready to get your hands dirty with a little HTML? Below I show you how to change your Etsy Mini - the Flash version of the HTML code – to another shop’s Etsy Mini.

1. First thing to do is go to “Your Etsy” > “Etsy Mini”.
2. Make selections for the options based on how you want the finished Etsy Mini for the other shop to show up. Choose "Items from my shop".
3. Copy the Flash version of the HTML by highlighting all of it and doing a regular copy of the text.
4. Paste this code into a document that you can edit: Word or Text Editor, for example.
5. Go to the shop you want the Etsy Mini code for and copy their shop ID number from their profile page.
6. Paste this at the end of your document so we can come back to it.
7. Highlight and copy the shop name – inmyheadstudios for example.
8. Paste that to the bottom of your document as well.
9. Now it’s time to switch the code up. All you have to do is replace the shop ID number and shop name (user name) in your Etsy Mini code.

Here is my Etsy Mini code:
<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
Wait! Don't run off yet because the code above looks like gobbledeegook to you!! Stay with me! This is EASY!

In this example I’m going to change the code to make a Mini for my good friend Firebirdhouse.

My user ID number (5354473) shows up twice in the HTML code as shown below:
<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
All you have to do is switch out the user ID number for the other shop. Simple copy and paste action. As you can see from her profile page her shop ID number is 6174558.

10. The “user name” shows up in the HTML code in four places as shown below:

<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=5354473&user_name=inmyheadstudios&item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http://inmyheadstudios.etsy.com">inmyheadstudios.etsy.com</a></td></tr></table>
Again all you have to do is switch out the shop user name for the other shop. Simple copy and paste action.

I switched out the information from Firebirdhouse’s shop and now I have the code for her Etsy Mini:

<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=6174558&user_name= Firebirdhouse &item_source=shop&item_size=gallery&rows=2&columns=2" width="354" height="362"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=6174558&user_name= Firebirdhouse &item_source=shop&item_size=gallery&rows=2&columns=2" /></object></td></tr><tr><td><a style="color:#D35701; font-size: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold" href="http://www.etsy.com">Etsy: Your place to buy &amp; sell all things handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0192B5; text-decoration: none;" href="http:// Firebirdhouse.etsy.com"> Firebirdhouse.etsy.com</a></td></tr></table>
This is what Firebirdhouse's Etsy Mini now looks like:

Etsy: Your place to buy & sell all things handmade
Firebirdhouse.etsy.com


See? That wasn't all that hard! Knowing a bit about HTML can be a big help!

To see more simple HTML you can use go to this Google support article about HTML. This article adds more to what the last one showed.

Hope this helps you out when you need an Etsy Mini for another shop!

No comments:

Post a Comment

Without your comments, I'm just talking to myself! Say something before they come to take me away. Ha ha, ho ho, hee hee.

ShareThis