Copy Right: All pictures and designs are the rights of individual shops. ETT has received permission to use their photos and information for our blogs. Permission must be obtained from the individual shops in order to use their items. Written portion of the blog must be received by the writer of ETT blog.

Wednesday, July 14, 2010

How To Make An Etsy Mini For ANY Shop

By Vickie Porter from In My Head Studios


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 your Etsy Mini code, 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” then click “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 Jenco13.

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 Jen's profile page her shop ID number is 5555413.

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 Jenco13’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=5555413&user_name= Jenco13 &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=5555413&user_name= Jenco13 &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:// Jenco13.etsy.com"> Jenco13.etsy.com</a></td></tr></table>
This is what Jenco13's Etsy Mini now looks like:


Etsy: Your place to buy & sell all things handmade
Jenco13.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!

1 comment:

Beth Howard said...

Excellent info, thanks!

Blog Archive