you're reading:
Etsy, Flash, Gigya, Html & inline css codes, Shortcodes, Sidebar, Widgets

Adding an Etsy widget

[Update summer 2012: post obsolete.]

If you have an Etsy shop, you can display clickable thumbnails of items from your shop (or your favorites) in your sidebar.

The code you can get from Etsy isn’t directly allowed in blogs. But you can convert it into a different, allowed, code (to which I have introduced a couple of improvements as well).

Go to Etsy, click “Your Account” (top right), click “Etsy Mini” (under “Promote”). Tick “Thumbnail”, and check the Flash code. It will look like this:

<table style="text-align: center;"><tr><td><object type="application/x-shockwave-flash" data="" width="186" height="468"><param name="movie" value="" /></object></td></tr><tr><td><a style="text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px;" href="" >Etsy</a><br/><a style="font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;" href="">NAME</a></td></tr></table>

Copy your id number and your username (from the spots highlighted in bright red above).

[Update: the greyed part no longer applies – check the August 12 to August 18 series of comments below.]

Copy the following code model:

<div style="height:12px;"></div>
[gigya src="" flashvars="user_id=NUMBER&user_name=NAME&item_source=shop&item_size=thumbnail&rows=R&columns=C" width="W" height="H" wmode="transparent" ]
<div style="width:Wpx;text-align:center;margin-top:-14px;">
<a href="">NAME</a>

Replace NUMBER and NAME with your actual ID number and username. [Update: Don’t use the number given in the new Etsy code; select View Source from the view menu of your browser and search for “user_id”.]

Replace C with the number of columns you want, and both instances of W with the corresponding width number:
C=1 ⇒ W=89
C=2 ⇒ W=184
C=3 ⇒ W=279
To determine what’s best for your blog, check my post on sidebar width.

Replace R with the number of rows you want (can be 1 to 5), and H with the corresponding height number:
R=1 ⇒ H=89
R=2 ⇒ H=184
R=3 ⇒ H=279
R=4 ⇒ H=374
R=5 ⇒ H=469

If you wish to display items from your favorites instead of your shop, replace “shop” with “favorites“.

Paste end result in a Text widget (Appearance>Widgets: drag Text widget to Sidebar, paste code, click Save).

height:12px; creates some space between the thumbnails and the widget title above them; you can change the number to adjust it.
margin-top:-14px; controls the space between the thumbnails and the link below them (and this space differs from theme to theme); change the number to adjust it.

For a centered instead of a left-aligned set of thumbnails, you can use this variant:

<div style="text-align:center;margin-top:12px;margin-left:8px;">
[gigya src="" flashvars="user_id=NUMBER&user_name=NAME&item_source=shop&item_size=thumbnail&rows=R&columns=C" width="W" height="H" wmode="transparent" ]</div>
<div style="width:100%;text-align:center;margin-top:-4px;">
<a href="">NAME</a></div>

In this case the space between the thumbnails and the widget title above them is controlled by the margin-top number in the first line of the code. Depending on the theme, you may also need to change the margin-left number to fine tune the centering.

Please don’t paste code in comments – see comment guidelines.


213 thoughts on “Adding an Etsy widget

  1. Saving the text widget turns all the & into & as though it were text. :(

    Posted by Jennifer | March 6, 2011, 09:47
  2. that second & was supposed to read &-a-m-p-;

    Posted by Jennifer | March 6, 2011, 09:48
  3. Yes, that’s what always happens with the ambersands. Not a problem.

    Posted by Panos | March 6, 2011, 12:12
  4. After adding the text widget with the revised code to my knitting blog, all that’s there is a big empty space followed by the Etsy link and my Esty favorites link.

    Posted by Jennifer | March 6, 2011, 22:13
  5. That’s because you chose items from your favorites, not your shop. If that’s what you want, replace “item_source=shop” with “item_source=favorites”.

    Posted by Panos | March 6, 2011, 23:18
  6. head-desk (enthusiasm can be a burden sometimes).

    Posted by Jennifer | March 7, 2011, 09:08
  7. Maybe it’s my fault, because I had disregarded that option; added it now.

    Posted by Panos | March 7, 2011, 14:30
  8. Thanks for explaining it all in separate post. :)
    I have linked to this post in my Etsy post.

    Posted by Netty Gritty | March 8, 2011, 06:18
  9. @NG: But I didn’t figure it out myself! Like you, I didn’t know there was a flash widget till Tracce posted her question in the forum.

    Posted by Panos | March 8, 2011, 20:37
  10. THANK YOU SO MUCH! This was driving me nuts. This was a fabulous explanation. Appreciate the post. If you don’t mind, I am going to post it on my blog :)

    Posted by apartystudio | March 9, 2011, 23:36
  11. This post is seriously amazing. Brilliant, well-organized, easy to follow. You’re a guru, thanks so much!

    Posted by Anjou Clothing | March 10, 2011, 02:07
  12. @APS & AC: You’re welcome and thanks! Glad you like it, because I was afraid it might seem too complicated.

    @APS: I don’t know if I should be appalled or amused by the staff response you quote in your post. I’ve been posting for more than six months (both here and in the forum) on how to insert such objects, but WP continues to pretend it’s not possible…

    Posted by Panos | March 10, 2011, 12:48
  13. Eee!!! Thank you!

    Posted by LadyDanio | March 14, 2011, 02:54
  14. Eee!!!Welcome!

    Posted by Panos | March 14, 2011, 18:15
  15. Thanks! Worked like a charm!

    Posted by uncommonfirings | March 20, 2011, 00:33
  16. You’re welcome. Charm minus one detail: the link below the images is displaced, because you forgot to replace the second W with the right number. Open the widget, change Wpx to 184px, save.

    Posted by Panos | March 20, 2011, 11:41
  17. Thanks for this post! It helped out a lot!!

    Posted by Norah Be | March 22, 2011, 07:11
  18. Again thanks for the post. I used the template on my blog and the widget shows up. But now I want to show items that I think would be more popular then the others that are showing up on my widget. How do I show items that I am selling that are my favorite then the ones that are showing up now? Thanks again.

    Posted by Norah Be | March 22, 2011, 07:40
  19. It’s mentioned in the post: you replace item_source=shop with item_source=favorites.

    Posted by Panos | March 22, 2011, 22:40
  20. worked super for me!!!…and im sooooo not technical… thanks for fixing my problem…AND for not making me feel like an idiot in the process! you should consider technical writing- youve def got a knack for it! much appreciated!

    Posted by suicide_blond | March 28, 2011, 17:48
  21. You’re welcome – and the post is a bit complicated, so definitely not for idiots!

    Posted by Panos | March 29, 2011, 04:40
  22. I don’t know how to say thank you for this great post… so I say it in Italian “Grazie”!! ;)

    Posted by yorokobiness | April 1, 2011, 10:37
  23. Prego!

    Posted by Panos | April 1, 2011, 11:14
  24. Panos, I have a question for you…
    I’m trying to add to my WP blog this embed code too…but doesn’t work… Maybe you know why! I mean, is it possible that WP doesn’t support this kind of code (!!!)?
    thank you again!

    [Code relics removed – P.]

    Posted by yorokobiness | April 1, 2011, 11:32
  25. a) Check point 4 here:

    b) Check if Blomming provides a flash HTML code similar to the Etsy one.

    Posted by Panos | April 1, 2011, 11:39
  26. a) here is the URL for the htlm code
    b) I’ll try to check if Blomming provides flash html code
    many thanks

    Posted by yorokobiness | April 1, 2011, 11:53
  27. You’re welcome. The code you pasted is javascript: you’re not allowed to use that in blogs.

    Posted by Panos | April 2, 2011, 00:59
  28. once again you have thoroughly succeeded in rocking my world, thanks so much panos, this info is AWESOME! and it worked first time, which for me, is really saying something. Your advice is officially idiot-proof! Thanks! xx

    Posted by Kerry | April 12, 2011, 16:29
  29. You’re welcome!
    One small correction: if you only have three rows of thumbnails, the H number needs to be 279 (so that you won’t have all that blank space between the thumbs and the link).

    Posted by Panos | April 12, 2011, 17:07
  30. i chose 5 rows of thumbnails but haven’t yet listed enough items to fill the spaces… I got bored with listing so came to fiddle a bit with widgets and code before getting back to the “creative writing” (ie: describing my photos so enticingly that people just couldn’t help themselves and before they know it they’ve hit the checkout button!)
    im getting there though, but thanks for the tip! xx

    Posted by Kerry | April 12, 2011, 19:36
  31. Fine then!

    Posted by Panos | April 13, 2011, 10:08
  32. pulling my hair out!!! I keep double-checking and I think I did everything right, but I still just get the html text showing up (though it is a link to the images, but not the shop). Has anything changed with these instructions?

    Posted by shopregeneration | May 17, 2011, 18:55
  33. I’m seeing a “regeneration alchemy shop” widget with four thumbnails, so I guess you resolved this?

    Posted by Panos | May 17, 2011, 21:37
  34. Yes, thank you! After about 15 minutes, it finally appeared. Usually my changes are instant, so I don’t know what was going on there.
    Thanks for the great instructions and follow-up!

    Posted by shopregeneration | May 17, 2011, 21:58
  35. Thanks so much for this! Worked first time, hooray!

    Posted by maudiemaudie | May 18, 2011, 21:12
  36. @MM: You’re welcome – but I’m not seeing any Etsy thumbnails in your sidebar.

    Posted by Panos | May 20, 2011, 05:01
  37. That’s really strange because I can see them! I’ll have to try a different computer and see what happens

    Posted by maudiemaudie | May 20, 2011, 12:28
  38. Ah I see now: your pics don’t show up in Safari (the browser I had used when I posted my previous reply) but they do in Firefox. I checked the sourcecode of your page and you’ve got one mistake: you’ve put two contradictory widths in the bracketed part of the code (width=”89″ PLUS width=”450″). One browser may cope with this but another may not. You need to delete the second width command. Check correct code here:

    Posted by Panos | May 20, 2011, 13:31
  39. Thanks so much for taking the time to check everything out for me – that’s so kind! I’ll go and make the changes now.

    Posted by maudiemaudie | May 20, 2011, 17:08
  40. Actually i can’t change it because I can’t find any width=450 value. I checked in Firefox and it worked, Safari and it didn’t but I really can’t find any value of 450.

    Posted by maudiemaudie | May 20, 2011, 21:59
  41. I can clearly see it in the sourcecode of your page. But now I’m also seeing a couple of other strange details I probably didn’t notice before. Maybe you’ve got some typo that renders your actual width command invalid and forces the system to supply its own. Try replacing the content of your text widget with the code I pasted for you in Textsnip.

    Posted by Panos | May 20, 2011, 22:16
  42. Thank you Thank you!! Youve solved all my problems. I was determined to make it happen though and onve I found this it ALL worked out!!

    Posted by Magdalene Mama | May 21, 2011, 04:16
  43. @MM: You’re welcome! But you don’t seem to have any items in your Etsy shop, so all I’m seeing in your sidebar is some empty space.

    Posted by Panos | May 21, 2011, 17:07
  44. OK, I replaced the code with the code you posted in Text snip and everything works! – Safari, Firefox and IE8, thanks so much again for taking the time to look and make suggestions.

    Posted by maudiemaudie | May 21, 2011, 19:30
  45. Yes, it’s fine now – and you’re welcome!

    Posted by Panos | May 22, 2011, 17:02
  46. Worked for me! Thank you so much. I’ve been wondering how to do this and tried to find help in one of my teams, but you’re the one!

    Posted by Georgene Lockwood | May 31, 2011, 23:44
  47. You’re welcome!

    One correction please (because you have forgotten to change the second W) plus some fine-tuning while we’re at it. Replace this:

    <div style="width:Wpx;text-align:center;margin-top:-14px;">

    with this:

    <div style="width:89px;margin-top:-24px;margin-bottom:-16px;">

    Posted by Panos | June 1, 2011, 02:24
  48. OMG! Thank you! You are a rock star. I’ve been frustrated with not having time to keep my Etsy sidebar widgets updated and this works wonders. Thank you!!

    Posted by Millinerium | June 7, 2011, 21:00
  49. I don’t get it… my flash code doesn’t look like what you say it will. I don’t have any W’s or div style etc. (in right sidebar)

    Posted by Renees Soirees | June 8, 2011, 10:56
  50. @M: You’re welcome!

    @RS: Sorry, my post doesn’t say your code would have Ws etc, my post gives a model to copy and customize.

    Posted by Panos | June 8, 2011, 16:08
  51. Thank you so much!

    Posted by Melissa | June 12, 2011, 07:28
  52. Hi! Thanks so much for this!
    Can you tell me what little bit of code I should add in, and where, so that when someone clicks on the name of my Etsy shop (below the Etsy thumbnails), it will open the shop in a different tab, not in the same tab? Thanks!

    Posted by sarahhoodjewelry | June 15, 2011, 22:03
  53. @Melissa: You’re welcome!

    @sarahhoodjewelry: You’re welcome. Turn this:

    <a href=

    to this:

    <a target="_blank" href=

    Posted by Panos | June 15, 2011, 22:27
  54. Thank you! Perfect.

    Posted by sarahhoodjewelry | June 15, 2011, 22:39
  55. Thank you very, very much. I’m new here (and lousy with computery things) and that little tutorial was wonderfully easy to understand and execute! Very much appreciated.

    Posted by cheltenhamroad | June 24, 2011, 01:53
  56. You’re welcome! And if you found it easy, you can’t be “lousy with computer things”!

    Posted by Panos | June 24, 2011, 04:21
  57. Thank you SO MUCH for this tutorial. You explained it very well. It is so kind of you to share your knowledge with others!

    Posted by Cook In A Bar | July 8, 2011, 17:10
  58. You’re welcome, and thanks!

    Note that if you keep the widget the way you’ve got it now (one column only), the link below the images should be left-aligned, so you need to remove this from the code:


    Posted by Panos | July 9, 2011, 08:20
  59. Thank you so much! This is exactly what I needed.

    Posted by Lisa Ann | July 12, 2011, 01:37
  60. Hiya, thanks so much for a great tutorial. I’m hoping you can help me. It worked 2 weeks ago, but when I went to my site tonight, it wasn’t working. I went through and recreated the code again, and still it’s not working. Any ideas? Here’s my blog
    and the code I saved in the text widget:
    div style=”height:12px;”>
    [gigya src="" flashvars="user_id=15276791&user_name= GoddessCircleTeam &item_source=favorites&item_size=thumbnail&rows=5&columns=1" width="89" height="469" wmode="transparent" ]


    Posted by Monkey Chi Monkey Do | July 13, 2011, 07:00
  61. @LA:
    You’re welcome!

    a) There should be no spaces before and after the username.
    b) doesn’t seem to exist, so my code model can’t produce a valid result.
    I’ll probably be able to work out the right shortcode if you copy the original flash code from your Etsi Mini and show it to me. See here how (point 4):

    Posted by Panos | July 13, 2011, 12:43
  62. Thanks Panos. Here is the flash code from etsy mini. When I go to it does open and redirects to (don’t know if that helps).

    Posted by Monkey Chi Monkey Do | July 13, 2011, 16:37
  63. Oops, here it is doing it the way you asked me to…

    Posted by Monkey Chi Monkey Do | July 13, 2011, 16:41
  64. I tried this version in my test blog and got the same error as before: “oops, getFavoriteListings fail”.
    Sorry, I don’t know what to make of this: you should probably ask Etsy.

    Posted by Panos | July 13, 2011, 23:05
  65. This is brilliant, thanks so much for the help!

    Posted by Lisa Asanuma | July 16, 2011, 02:58
  66. You’re welcome. Blog in question?

    Posted by Panos | July 17, 2011, 00:59
  67. Thanks so much for looking into this for me. I’m sorry, but what exactly would I ask Etsy to help me with? Should I share the code and examples of how it used to appear on my site, and then ask why it doesn’t work anymore?

    Posted by Monkey Chi Monkey Do | July 17, 2011, 07:24
  68. You should ask them why you’re getting the “getFavoriteListings fail” message.

    Posted by Panos | July 17, 2011, 14:14
  69. All it took for me to get the widget back in the sidebar on my blog was to visit Etsy and regenerate the widget. I didn’t even have to reinsert the code in the text widget on Not sure what that is all about…

    Posted by yarnaholic | July 21, 2011, 12:49
  70. @Jen: Does that refer to MCMD’s problem?

    Posted by Panos | July 23, 2011, 04:38
  71. finally!! thank you so much for this ;)

    Posted by aimee | July 24, 2011, 00:03
  72. You’re welcome (and kudos for making K2-lite more elegant and practically unrecognizable)!

    Posted by Panos | July 24, 2011, 01:56
  73. Yes, Panos, it was regarding getting the Etsy favorites widget back in the sidebar. (replying from her non-Yarnaholic account.)

    Posted by Jennifer | July 24, 2011, 20:36
  74. Thank you SO MUCH for this; I was frustrated that I “couldn’t” add an Etsy Mini to my blog and am so glad I found you. Can’t thank you enough.

    Posted by studiorose | August 9, 2011, 18:07
  75. Thanks SO much for your help, but most recently thanks for your intentions! I tried lots of things and then gave up. Went to my site today, and somehow the WP fairies came and fixed it. Woohoo! thanks for helping! Wishing you all good things! Becky Jaine

    Posted by Monkey Chi Monkey Do | August 9, 2011, 20:02
  76. @Studiorose: You’re welcome!

    @MCMD: You’re welcome – but I think it must have been the Etsy fairies, not the WP fairies.

    Posted by Panos | August 10, 2011, 04:28
  77. Oh good gravy, now Etsy has gone and f—-ed it up! I’m getting the “fail” message on my blog (just like the one above) and when I go to Etsy to “re-do” my mini, they’re only showing me one option (NOT the one that works!) Oh well, it was nice for two whole days!!!

    Posted by studiorose | August 12, 2011, 18:21
  78. Mine did the same thing, but it’s working again. I am wondering if it happens when something that is pulled gets sold. Mine worked before an item was sold. Then something sold, it was broken. I reloaded the code to my wp site. Wasn’t working. Went back a few days later and it worked. Panos, do you think this could be impacted by an item’s “sale” status?

    Posted by Monkey Chi Monkey Do | August 12, 2011, 18:27
  79. No, look up above – the actual “sample” for this site is NOT WORKING. And when you go to Etsy Mini on the Etsy site, it no longer offers you the flash code, only the java one.

    Posted by studiorose | August 12, 2011, 18:31
  80. Okay, I just talked to a “live help” chick over at Etsy. She said they are “testing a new Etsy mini” and that’s why the flash codes are not working. Nice of them to mention it, you know, ahead of time. She is going to “speak to the engineers” and email me when she has more info about when it will start working again. I asked her to PLEASE tell them we need a flash code as well as java because otherwise some will not be able to put Etsy on their blogs.

    Posted by studiorose | August 12, 2011, 18:51
  81. Well, isn’t this just ducky. Etsy just made this entire process unworkable. I got this message from them just now:

    Hi there,

    I’m sorry for your troubles. You should still be able to just copy the code and paste it into the HTML for your blog or other web site.

    We’ve been improving the technology platforms we use on Part of these improvements include moving away from supporting Flash code on the site. Flash applications prove difficult in many ways, including that they are slow to load and use a lot of computing resources. These specific applications get very little use, and often have alternative features that can be used in their place.

    You may need to check the help section of your blogging service if our new version is causing you troubles.

    Please let us know what else we can do to help.

    Posted by studiorose | August 12, 2011, 21:32
  82. Sorry guys…

    Thanks studiorose for the initiative and for briefing us.

    • We cannot use javascript in blogs, so the claim “You should still be able to just copy the code and paste it into the HTML for your blog” is wrong (and shows that the person who’s making the claim isn’t an expert).
    • is a very sizeable community.
    • Many sites that provide javascript or iframe codes continue to offer flash code or auto-post buttons as alternatives.

    I guess the only thing you can do is write to them again and try point these things out.

    Posted by Panos | August 12, 2011, 22:39
  83. PS Strangely, Jen’s widget is still working:

    Posted by Panos | August 12, 2011, 22:42
  84. For the moment, anyway. I hope someone talks some sense into them. It’s not only where you can’t use javascript.

    Posted by yarnaholic | August 13, 2011, 20:31
  85. Well, I’m not using Etsy: you (plural) that do should write to them and complain.

    @studiorose (re your question in the forum): That code you found is a bit amateurish. If Etsy don’t change their mind, I’ll work out an exact simulation of their widget.

    Posted by Panos | August 14, 2011, 02:29
  86. Panos, that would be amazing. The code I found is working for me now, but I’m going to have to go in every time I sell something pictured and change it. I really liked Etsy Mini because it would do that automatically. Thanks for all your help!

    Posted by studiorose | August 14, 2011, 02:40
  87. Oh don’t expect miracles: I meant an exact visual simulation.

    As you understand, the code you found isn’t a widget (like the one here was), it’s just a group of linking images. I can improve on this idea by writing more correct HTML and by making it look exactly like the actual widget, but I cannot make it fetch the images automatically: that would require javascript, which we’re not allowed to use in blogs. (But if we were allowed to use it, there would be no need for a simulation: you would use the new Etsy code itself.)

    By the way, sorry I didn’t write you’re welcome and such in the forum: I do that only if I happen to see a reply soon after it’s posted; otherwise I don’t, so as not to bump threads that are resolved.

    Posted by Panos | August 14, 2011, 03:01
  88. My Etsy mini is now gone from my blog too.
    I just have a big white box with an error message where my Etsy mini used to be:

    So, is there a workaround at all at this point?

    I did just write Etsy admin about this and will post their response here when I get it.

    Posted by sarahhoodjewelry | August 14, 2011, 21:29
  89. I just posted in this thread on Etsy and tweeted about it earlier today. Feel free to join in.

    Posted by yarnaholic | August 15, 2011, 00:12
  90. Thanks, Jen. I posted in the Etsy forum thread.
    But hey, why is your Etsy mini working??

    Posted by sarahhoodjewelry | August 15, 2011, 00:22
  91. I’m not really sure why it’s still working. It’s an Etsy “Favorites” widget, though I can’t imagine that should have anything to do with it code-wise.

    Posted by yarnaholic | August 15, 2011, 09:43
  92. I got the user IDs of some of the commenters who have both a shop and non-private favorites and tested it: yes, favorites is what makes the difference (so I replaced the example in my post with a new one). That’s strange, because it’s the same widget, just with a different variable. Jen, could you try getting the code for your Etsy Mini and see if it’s still flash?

    Posted by Panos | August 15, 2011, 10:29
  93. Suddenly mine is back again this morning.

    Posted by sarahhoodjewelry | August 15, 2011, 19:16
  94. I just checked the Etsy site and they still only provide the java code and not flash. I am stumped as to why some flash codes are working. (And now I wish I’d saved my flash code in case they really weren’t just blowing smoke when they claimed that the changes wouldn’t affect Etsy Minis that are “out in the wild” or already on blogs.)

    Posted by studiorose | August 15, 2011, 20:15
  95. @Sarah: Same thing with the blogs of most of the commenters here.

    @:StudioRose: Your code would be exactly the one I’m giving in the first frame in my post, just with your username and ID where I’m showing. Having the code is no good if they kill the flash version of the widget. But maybe they won’t after all.

    Posted by Panos | August 15, 2011, 20:51
  96. Panos, sorry for the confusion, where do you want me to get the code from? If text widget, you’ve got it because you gave it to me and I haven’t changed it. If Etsy, as already mentioned above, the only available code (as of this afternoon ME time) is the javascript version. (Again not logged in with the yarnaholic account)

    Posted by Jennifer | August 16, 2011, 00:02
  97. Yes, I meant from Etsy, so we could see if they had retained the flash version in cases like yours (favorites instead of shop).

    Posted by Panos | August 16, 2011, 00:06
  98. Good grief, now the story has changed! One of the Etsy admins posted in the “bugs” forum that it was a mistake that the Flash versions stopped working and they have it fixed as of noon-ish today and that everything is fine & dandy. EXCEPT – they still don’t offer the flash code when you go to set up Etsy Mini! So we’re getting two different stories. In any event, I’m going to try again with the code provided here – and thank you again, so very much, Panos, for all your kind help. It’s been quite a ride! :)

    Posted by studiorose | August 16, 2011, 00:07
  99. Thanks studiorose! Are they nuts over there?

    Posted by Panos | August 16, 2011, 00:11
  100. I think they just don’t have their story straight. Same thing happened to me when I found a mysterious $2 “fee” on my credit card bill and the story changed between the customer service rep, who said it was because I didn’t pay my balance in full, and the customer service manager, who said it was a “bug” and she’d remove the charge.

    But, I digress.

    Okay, I used the code from above and redid everything – but now it’s only showing my favorites and not my shop items! ::pulling hair out::

    Posted by studiorose | August 16, 2011, 00:34
  101. No more than other places. :)

    Posted by Jennifer | August 16, 2011, 00:34
  102. @studiorose, make sure it says in your code item_source=shop

    Posted by Jennifer | August 16, 2011, 00:38
  103. Jennifer, THANK YOU! That did the trick! Don’t know why, but I had plugged my shop name in there. Clearly I need more coffee. I’m going to go lie down now.

    Posted by studiorose | August 16, 2011, 00:41
  104. OH – and for those who need it, I got this message from the Etsy Admin dude that claimed the non-working flash versions were a “bug”:

    Hi there,

    For the time being the Flash generator is still available by direct link at

    By his having said “for the time being,” I’m guessing they really are/were planning to stop supporting flsh. Perhaps our pleas have changed their minds (we can only hope).

    Posted by studiorose | August 16, 2011, 00:54
  105. How do I add an Olioboard widget?

    Posted by Irma | August 16, 2011, 15:46
  106. @Irma:

    If the code you tried to paste in your text widget is the only one they provide, then you cannot: that’s javascript, which we’re not allowed to use. If they provide an alternative code, you need to show it to me; see point 4 here on how to:

    Posted by Panos | August 17, 2011, 05:47
  107. Hi Panos,

    Thanks for replying! The code they provide is javascript and unfortunately they don’t provide an alternative. The code provided:

    I’ve read several of your comments (including Gigya) and tried to change the code myself, but no luck.

    Posted by Irma | August 17, 2011, 10:42
  108. You’re welcome. Sorry, the gigya shortcode is for flash only; you cannot convert a javascript code into anything else.

    Posted by Panos | August 17, 2011, 16:24
  109. What a pity! Thanks for you help – much appreciated

    Posted by Irma | August 17, 2011, 17:21
  110. I wrote Etsy admin today, and this is the response they sent me:
    Hello Sarah,

    Thanks for writing to us. The flash based version of the Etsy mini is no longer supported. This technology is outdated and super buggy, and that is what has led to the decision to discontinue our flash apps. For the time being, in regards to the Etsy mini and WordPress, if you want the etsy mini widget, you have to do a hosted blog. Feel free to take a look at some of the work arounds that other members have come up with.

    I’m sorry for the inconvenience. If you have any other questions, please let me know.


    Etsy’s Support Team

    Posted by Sarah Hood | August 17, 2011, 21:02
  111. So they are nuts after all. Recapitulating the series of responses we got:

    1) We are testing a new Etsy mini, that’s why the flash codes are not working.
    2) We are moving away from supporting Flash code.
    3) We made some backend changes to the mini, but it shouldn’t have affected the minis embedded on your blog.
    4) We did have an issue affecting just the Flash minis, and we fixed it.
    5) For the time being the Flash generator is available by direct link at
    6) The flash based version of the Etsy mini is no longer supported.

    Posted by Panos | August 17, 2011, 22:38
  112. Ah due belief we ah bee-in flimflammed. <–fake Southern accent

    Alternatively, the right hand doesn't know what the left hand is doing and we should just carry on with getting the word out to other Etsy shop owners to contact Etsy with their concern. If WordPress powers 14.7% of the web and half of those sites are located on, then let the numbers speak for themselves.

    But, thank you to Panos for all his efforts in making it possible, even for a little while, for us to display our Etsy mini's on our blog. Perhaps we should take our little struggle elsewhere?

    Posted by yarnaholic | August 18, 2011, 12:03
  113. Thanks Jen! Yes, definitely looks like right hand doesn’t know what left hand is doing. Why don’t you tell them about this series of contradictory replies?

    Posted by Panos | August 18, 2011, 13:58
  114. (And if the latest reply is correct, why am I still seeing your widget and mine?)

    Posted by Panos | August 18, 2011, 14:00
  115. Okay, I’m trying:

    Let’s see what they say. IF they reply.

    Posted by angelleighdesigns | September 7, 2011, 23:13
  116. Thanks Angela – let’s see…

    Posted by Panos | September 8, 2011, 13:44
  117. Hi there, firstly a big thanks for the fantastic tip. My blog shows a link to my Etsy shop at the bottom of a blank space. I can’t work out what I’ve done wrong (checked the code line by line) and no one else seems to have the same problem as me. My blog is:

    Posted by glamourtwinkles | September 12, 2011, 00:25
  118. You’ve used the wrong user ID: should be 9396577.
    Couple of other details: change 279 to 184, and -14 to -4.

    Posted by Panos | September 12, 2011, 01:45
  119. Thank you , thank you, thank you!!!

    Posted by glamourtwinkles | September 12, 2011, 04:31
  120. I was having trouble with a 2×3 layout (it showed a blank space), but 2×2 works just fine! THANK YOU SO MUCH! Other people’s solutions such as linking an image of the widget or html were not really what I wanted, ugly and cumbersome. This is perfect. Thank you thank you!

    Posted by Gail | September 17, 2011, 21:01
  121. You’re welcome Gail.
    (If by 2×3 you mean two rows three columns, they don’t fit in your sidebar; but the reverse shouldn’t be a problem.)

    Posted by Panos | September 19, 2011, 00:16
  122. I was going for 2 columns and 3 rows; I must have reversed them for whatever reason the other day. Silly brain. It works just how I want it to now! Thanks! :)

    Posted by Gail | September 19, 2011, 21:15
  123. Now that the flash widget isn’t an option, is there another option for those of us that are just getting started with this? I simply want to embed my Etsy on a page. Why is this so difficult?

    Posted by KendraMcLarty | September 29, 2011, 21:27
  124. The flash widget is still an option, as the sample in my post and the widgets in the sidebars of several commenters above prove. If you know your user ID, you can follow the instructions and add the widget yourself too. If you don’t know your user ID, you can give me the link to your Etsy page and I’ll probably be able to find your ID for you.

    A link to your blog is also useful when you ask questions. If you’d like to link your username to your blog but don’t know how to, see point 2 here:

    Posted by Panos | September 30, 2011, 14:04
  125. OMG! OMG! It worked!!! Thanks so much. Give me a torch and I am great, give me computer codes and forget it.

    Posted by sarjeantandco | October 3, 2011, 19:02
  126. You’re welcome!
    Bu the way, you should make your username link to your blog instead of your gravatar profile.

    Posted by Panos | October 4, 2011, 00:17
  127. Hi there …
    Just tried do add the widget and it doesn’t seem to be working. I just see the html on my site. Can I send you the html I used?

    Posted by Marci | October 19, 2011, 16:28
  128. Sure. But you’ll have to use Textsnip – see point 4 here:

    Posted by Panos | October 19, 2011, 17:10
  129. Hi again,
    Here’s the Textsnip code: (please delete this comment after viewing)

    [Code removed – P.]


    Here’s my blog/website:

    I hope you can help when you have the time! :)

    Posted by Marci | October 19, 2011, 18:13
  130. Sorry, you misunderstood. As I explain in my comment guidelines, codes don’t display correctly in comments. What I needed you to do was paste the code in Textsnip, and give me the Textsnip URL so I could see the code exactly as it was.

    Anyway, for one thing you’ve used the wrong user ID: your ID is 5462086. Make sure all the quotation marks are straight, not curly, and of course you mean rows=2&columns=4, not the other way round.

    Posted by Panos | October 19, 2011, 19:47
  131. Thank you for all the info! I almost have it and I am so excited!!! Etsy mini is now showing up on my site but it is only showing 4 items … I would like to do six … what do I need to change?

    Posted by Marci | October 19, 2011, 20:24
  132. You’re welcome. You need to write rows=3&columns=2.

    Posted by Panos | October 20, 2011, 00:33
  133. Thank you sooooo much!!! :)

    Posted by Marci | October 20, 2011, 02:39
  134. Thank you so much for this information!!

    I am almost there but am having a little trouble. I can only get one row. The number of columns is perfect (2), but I’d like 3 or 4 rows, and when I put in the corresponding info from your chart, it is not cooperating. Can you suggest a fix?

    Here is my blog address:

    What a fantastic blog! Thank you!!

    Posted by sweetlittlefrenchfries | October 25, 2011, 05:24
  135. You’ve got one typo: instead of replacing the rows=R of my model with rows=3, you’ve got rows=R3.

    Posted by Panos | October 25, 2011, 09:47
  136. Thank you! It worked and was such an easy fix. It looks great!

    Posted by sweetlittlefrenchfries | October 25, 2011, 22:29
  137. My Esty code isn’t nearly as log as the one you posted. Am I doing something wrong? Here is the textsnip.

    Posted by Jessy | October 29, 2011, 03:05
  138. That code is the javascript version of the widget, which won’t work in blogs. You have to use the code model I’m giving in the post.

    Posted by Panos | October 29, 2011, 04:27
  139. I got it after forever! lol I went to the etsy link that someone else posted that has both codes, Then I scrolled through the comments and tweaked it some more. I was so confusing at first, but now both mine and my friend’s is on our page. Thanks!!

    Posted by Jessy | October 29, 2011, 04:51
  140. This is the code I get:

    [Code relic removed – P.]

    I can’t figure out what my user name is. I can see my number is 5858463. ??? Thanks so much!

    Posted by luckdiggitydog | November 2, 2011, 23:38
  141. Okay- ignore that comment- I found the link above to get my flash code. I will follow your directions now and see what happens. Thanks!

    Posted by luckdiggitydog | November 2, 2011, 23:49
  142. That wasn’t your ID number. But I can see you’ve figured it out, only the link below the thumbnails is off. You should either adjust the variables to turn the whole thing into two columns, or remove the width and the text-align commands from the div with the link.

    Posted by Panos | November 3, 2011, 08:12
  143. Thanks for checking it out. When I had it at two columns it didn’t fit in my blog so I need it to be just one. I’m not sure how to remove the width and text-align commands from the div with the link- can you tell me more?

    Posted by luckdiggitydog | November 3, 2011, 17:49
  144. I don’t get the flash code but the Java when I go to promote-Etsy mini. How do I change it to flash?

    Posted by RagDollsRising | November 3, 2011, 21:44
  145. How do I get the Etsy flash code? I went to my account- promote- Etsy Mini- and only get the java code

    Posted by RagDollsRising | November 3, 2011, 21:45
  146. @LDD: The sidebar width in Choco is 185, and the width for the 2-column version of the widget is 184, so it should fit. Maybe you made some mistake with the numbers when you tried it. So first try the 2-column version again!

    @RDR: Check the August 12 to August 18 series of comments above. The flash widget still works but they don’t give the flash code anymore: to create the widget, just get your user ID number and use the code model and the rest of the instructions I’m giving in the post.

    Posted by Panos | November 4, 2011, 03:47
  147. Hi,
    I can’t get my etsy items to show up. I see a link with my name at the bottom and a big empty space on top but that is it. Could you please help?

    Posted by lavitapetite | November 10, 2011, 07:06
  148. a) You haven’t replaced the second W with 184.
    b) You’ve used the wrong user ID number: your ID is 15156071.

    If you check previous comments, you’ll see that using the wrong ID is a common problem, so I’m curious: where/how exactly did you find the number you used?

    Posted by Panos | November 10, 2011, 14:17
  149. That did the trick! When i went to etsy and then mini-etsy, the code was different from what you posted above. There was only one number which I figured was it. Not sure what it actually meant. But thanks a lot!!!

    Posted by lavitapetite | November 10, 2011, 17:30
  150. I think I´m having same problem, not adding the right ID number. But where do I find my user ID if not generating the etsy mini?

    Posted by kikalicia | November 19, 2011, 16:59
  151. Etsy still generates the widget: they just don’t give the old flash code anymore. If you go to your Etsy account, click Etsy Mini and click one of the two options under “Choose image size”, you’ll get the new javascript code (which we can’t use). The code will include something like this:

    new Etsy.Mini(1234567,’gallery’,4,3,0,’’)

    Your ID should be that first long number.

    But if you’re having difficulties with this, you can link to your Etsy shop and I can easily find the number for you (as I’ve done for others in older comments).

    Posted by Panos | November 19, 2011, 17:52
  152. Hi Panos,

    Thanks a lot for your quick response. My Etsy shop is

    I´ve found my id number in code, but even with that number I still can see just a empty space where my shop should be.

    Thanks a lot for your time.

    Posted by kikalicia | November 21, 2011, 13:53
  153. Is that the number in the javascript code? Strange… Your ID is 17414704.

    Posted by Panos | November 21, 2011, 14:31
  154. Hi Panos,

    Isn´t that weird? That´s exactly my id number in javascript code :

    new Etsy.Mini(6618156,’thumbnail’,4,3,0,’’);

    Maybe that´s the reason for so many mixing up with user id´s.

    Thanks again, you totally fixed the problem, now it´s working perfectly in my side bar.

    Posted by kikalicia | November 21, 2011, 15:08
  155. You’re welcome! Yes, that’s probably the reason, and yes it’s weird (sorry I misdirected you at first – couldn’t imagine that they’re giving you a different ID number with the new code).

    Posted by Panos | November 21, 2011, 21:34
  156. thanks for info……sukses for you

    Posted by taburiklan | December 7, 2011, 19:16
  157. There is no “flash” code button on etsy that I see!! I’m trying!!

    Posted by chaoticlucidity | December 8, 2011, 00:44
  158. I give up!!! DANG IT

    Posted by chaoticlucidity | December 8, 2011, 00:56
  159. Yes, there’s no flash code anymore – check the August 12 to August 18 series of comments above. But my workaround still works (as the example on the post proves): to create the widget, just get your user ID number and use the code model and the rest of the instructions I’m giving in the post. You may have difficulty finding the right Id number, so I’m telling you in advance it’s 5801872.

    Posted by Panos | December 8, 2011, 03:52
  160. I’ve been trying this and can’t get it to work on my blog. It just shows my etsy site name and a big white space, like some others have said. As far as I know I’m using my correct user name and ID #. I really hope i can get this to work. I’ve been looking around for a long time to try to somehow get an etsy mini on my blog sidebar. Can you help?

    Posted by sweetpapertreats | December 8, 2011, 06:26
  161. If you’ve followed the instructions carefully, then the most likely reason is wrong ID (as I recently found out, if you copy the new code they give, it mysteriously shows a different ID number than the one required for the flash widget. Link to your Etsy page please.

    Posted by Panos | December 8, 2011, 06:46
  162. Your user ID is 8599567.

    Posted by Panos | December 8, 2011, 15:30
  163. thank you, thank you!!! You are incredible!! How did you do that? That makes me so happy!

    Posted by sweetpapertreats | December 8, 2011, 20:26
  164. You’re welcome!
    To find your user ID I checked the sourcecode of your Etsy page.

    Posted by Panos | December 8, 2011, 22:57
  165. I am having the same problem as most, I can input the code, but none of my icons are showing. I’ve tried to resolve it on my own, unfortunately it’s been a couple of hours and I am finally giving in and asking for your help!

    Here is my etsy shop:

    And this is the code I am using:

    [Code relic removed – P.]

    According to Etsy Mini, my userID is 6086377

    If you could please double check for me, as I am a novice! Thanks so much!

    Posted by Rebecca Marie | December 14, 2011, 00:52
  166. Bah! I don’t know why the code came out so wonky =(

    [Code relic removed – P.]

    Posted by Rebecca Marie | December 14, 2011, 02:23
  167. Okay, that’s it. I officially have no idea what I’m doing >.<

    Posted by Rebecca Marie | December 14, 2011, 02:26
  168. a) See point 4 here:

    b) Despite what Etsy says, your user ID is 11615459.

    Posted by Panos | December 14, 2011, 02:59
  169. You are the best! I totally understand why the textsnip now. I used it before and didn’t get it. Thanks so much for your genius

    xoxo muah!


    Posted by Rebecca Marie | December 14, 2011, 04:04
  170. You’re welcome! So you had done everything correctly – everything you could, that is, and it’s just this weird thing that Etsy give a different ID number in their new widget code. I added a note in my post (see Update after “Replace NUMBER and NAME” etc.) so that users (at least those who aren’t intimidated by code) can find the right ID themselves.

    Posted by Panos | December 14, 2011, 04:17
  171. Okay, I’m feeling absolutely stupid–I have read all the comments from the August update on, and I still cannot find my actual ID number. When I used the one given for my Etsy Mini, it shows someone else’s items. Help, please?

    My store:

    Thank you!

    Posted by azteclady | January 10, 2012, 06:49
  172. You probably didn’t notice the second update – the one below the second code box.
    Your ID is 8311313.

    Posted by Panos | January 10, 2012, 09:37
  173. Thank you so much!

    (I did see the second update, but I have no idea how to see the source code–I’m pretty much computer illiterate)

    Posted by azteclady | January 10, 2012, 17:00
  174. Huh.

    Not working–here’s what shows up on my blog

    Posted by azteclady | January 10, 2012, 17:13
  175. *Head desk*

    Ignore me now–it does work.

    Thank you so very much!

    Posted by azteclady | January 10, 2012, 17:14
  176. Ok – you’re welcome!

    Suggestion: make your username link to your blog (Users > Personal Settings: scroll down to Account Details, paste blog URL in the Website field, click Save Changes).

    Posted by Panos | January 10, 2012, 19:54
  177. Oh. I didn’t know you could do that! Thank you so very much, Panos!

    A last question (I hope!)

    Do you know if there’s a way to make the mini work as a general mini (i.e., the most recently listed items) vs a featured mini (i.e., items the shop owner has selected to feature at the top of the storefront)?

    Posted by azteclady | January 11, 2012, 02:14
  178. No, there’s no such option.

    Posted by Panos | January 11, 2012, 14:33
  179. Thank you for letting me know–and again, thank you so much for the help. I love seeing the mini in my blog :grin:

    Posted by azteclady | January 11, 2012, 19:29
  180. Hi!

    Does this work only in a sidebar widget, or can I paste the code in html on an actual page?


    Posted by powtownrd | January 19, 2012, 04:31
  181. Sorry, I figured out my above statement! Wondering now if it is possible to make the thumbnails larger and if so, how to do that.

    Posted by powtownrd | January 19, 2012, 04:47
  182. No there’s no such option in this widget. If you want larger images, you can copy some of your Etsy images, insert them as regular images in your page, and make them link to your Etsy shop.

    Posted by Panos | January 19, 2012, 14:22
  183. having a little bit of html experience helped, but without this post i would surely be spending the next 4 hours cursing. thank you so very, very much PANOS – you r0x0rz and i am so thankful to have found this post! my etsy items are now happily displayed on my wordpress blog =)

    Posted by jessesmomus | January 23, 2012, 19:45
  184. You’re welcome! Glad you figured it all out yourself: many users have difficulty with the ID number or other things.

    Posted by Panos | January 24, 2012, 04:53
  185. Thank you so much for this! I am a novice when it comes to code but I got it working! Thanks again!

    Posted by The Ginger Cat | January 29, 2012, 18:01
  186. here comes the idiot.. : (

    i am on google chrome, went on Tools, then View source and found there my “currentUserId”, but it doesn’t actually work..this is how the widget appears on my page;

    Posted by walking on clouds | February 13, 2012, 12:24
  187. If you check previous comments above or on other similar posts of mine you’ll find lots of alleged idiots: you’re simply not accustomed to this sort of trickery (while I happen to be one of the most experienced volunteers in the forum). Click here for the right code:

    Posted by Panos | February 13, 2012, 19:33
  188. “δουλεύει”! ευχαριστώ, να είσαι καλά!

    Posted by walking on clouds | February 13, 2012, 19:43
  189. Χεχε, παρομοίως!

    Couple of points on uploading and inserting images:
    • Some of your images have been inserted at the wrong size. When inserting a new image, make sure you select the Full Size option: that option constrains the displayed version to the maximum width your theme can accommodate (549 pixels). Correcting the images in the posts you have already published is a bit trickier, but I can tell you how, if you wish.
    • When you upload and insert huge files (like the ones on the Valeria post) you get worse quality, you waste your storage space, and you significantly increase the loading time of your page. If possible, you should make copies of your images, downsize them in an image editing application to resolution 72 (that’s what all browsers display) and width 549px, and upload and insert those copies.

    Posted by Panos | February 14, 2012, 05:34
  190. I got this working! I am wondering how the listings that are shown are selected. The first 4 are my featured listings but the the others seem pretty random–not most recent certainly. Is there a way to change these, or better yet have them update as I list new items? Thanks!

    Posted by loomalicious | February 18, 2012, 05:33
  191. This is awesome!! Thank you!!

    Posted by JC | February 18, 2012, 21:42
  192. @LM: Sorry, that’s not a WP issue or a coding issue. Only Etsy staff can answer your question.

    @JC: You’re welcome!

    Posted by Panos | February 19, 2012, 08:13
  193. Thank you so much! With your help I have finally linked my etsy shop to my blog. You are fantastic!

    Posted by blueflowervintage | February 29, 2012, 20:42
  194. I have had my Etsy widget displayed on my website for quite a while but it seems to have disappeared. Any thoughts?


    Posted by Marci | March 1, 2012, 16:23
  195. I Used this code for my Blog, Now the thumbnail pictures dont come up any more ….. does the code expire?

    Posted by fayecuneo | March 1, 2012, 22:14
  196. I’m having the same issue. Worked for a while…then, poof, it’s gone.

    Posted by fuzzandsunshine | March 1, 2012, 22:47
  197. Oh dear, apparently Etsy has gone and DONE something. Mine’s not working either. :(

    Posted by studiorose | March 1, 2012, 23:50
  198. Mine seems to be gone to. Pooh. I only just figured it out last month.

    Posted by loomalicious | March 2, 2012, 00:17
  199. Sorry guys, as I can tell from the code they’re now giving, Etsy changed things again. You can complain to Etsy support – but check the August 12-18 2011 series of comments above to see why you shouldn’t trust any reply they might give you.

    There’s nothing I can do about this, except maybe if you find a self-hosted blog that displays an Etsy widget and give me its URL, so I can examine its sourcecode and see if I can come up with a new hack.

    Posted by Panos | March 2, 2012, 06:49
  200. mine is now gone too. grrrrr

    Posted by tenika | March 2, 2012, 21:40
  201. For now, I left the last line of code up so at least there’s a clickable link.

    Posted by fuzzandsunshine | March 2, 2012, 22:22
  202. You can also create an image link.

    Posted by Panos | March 3, 2012, 07:51
  203. what does that mean panos? what is an image link?

    Posted by tenika | March 3, 2012, 21:39
  204. Apparently you figured it out!

    Posted by Panos | March 4, 2012, 01:22
  205. Who knows, maybe this is also connected to’s apparent move away from Flash. (See current rash of forum threads on the slideshows, particularly Rich’s reply here )

    Posted by yarnaholic | March 6, 2012, 11:09
  206. If you mean WP might be responsible for this new issue, no: the Etsy javascript code has changed – the widget is fetched in quite a different way.

    Posted by Panos | March 6, 2012, 16:34
  207. I added my Etsy shop as an image. Thanks for the advice!

    Posted by Marci | March 6, 2012, 16:36
  208. Mine was gone too and I wondered what was up. Just needed to check this site and got the scoop! I switched out my etsy mini with a shop image for now, working just fine! Thanks so much!

    Posted by sweetlittlefrenchfries | March 7, 2012, 05:14
  209. ours is gone too – will replace with image

    Posted by 2sisternicole | March 8, 2012, 01:31


  1. Pingback: Happy Day for Etsy Shop Owners « Ms. Yarnaholic's School for Wayward Skeins - March 7, 2011

  2. Pingback: How to add an Etsy widget in a blog | Netty Gritty - March 8, 2011

  3. Pingback: Adding an Etsy Widget « apartystudio - March 10, 2011


author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.


  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: