Adding Etsy To Your Blog

To add your Etsy Shop or Store to your blog's sidebar, most of the work is actually done in Etsy. Then you'll create a Typelist (Typepad), HTML/JavaScript gadget (Blogger) or Text Widget (WordPress) to finish.  See details below.

In Etsy

• Login to your Etsy Account
• Then click on Your Etsy (link at the top).
• Then, from the left sidebar, at the bottom, click on Etsy Mini.
• Then choose to show items from your shop or items from your favorites.
• Then to show Thumbnails.
• Then choose Layout, such as 1 column by 1 row (to show the most recent picture). Or on my blog (www.handstampedbyheather.com  --- all the way at the bottom right, you'll see I have one with 1 column and 2 rows - showing the most recent 2 pictures.
• Then you will see the HTML code that you will now need to copy and paste into your blog....So for now, select it, then follow the directions for your platform (Typepad, Blogger, or WordPress).

In Typepad

• Go to Typeplists.
• Click on the white text to Create a New Typelist.
• Make sure you choose NOTES as the Type.
• In the Title you can write My Etsy Shop for example.
• Then click on the Create New Typelist button.
• Leave the label blank.
• In the Notes area, PASTE in the HTML Code you copied from Etsy.
• Save.
• Click the Publish (since this is a new typelist).
• Then check off your weblog. Click Save. Then click on the blue text link "Content". This will bring you to the layout of your blog and you can drag and drop where you want the new item to be placed on your blog's sidebar.
• Save.
• View Weblog.
• You're done!

In Blogger

• Login and from the Dashboard go to Layout.
• Then go to your sidebar and choose Add a Gadget.
• Choose HTML/JavaScript.
• For Title, write My Etsy Shop for example.
• In the Contents, larger box, PASTE in the HTML Code from Etsy.
• Save.
• Now the item appears on the top of your sidebar. You can now drag and drop where you want it placed.
• Save again.
• View blog.
• You're done!

In WordPress

• From the Dashboard, click Design, then click Widgets.
• From the list on the left, click on Text Widget and notice it added to the right side.
• Click Save.
• Then under Text Widget, click Edit.
• Now you can PASTE the HTML Code from Etsy.
• Click Save Changes.
• Now, on the right side of your screen you can drag and drop the widgets that are in your sidebar, including the newly added Text Widget.
• You're done!

Hope this helps!

Comments

[navyblueshoe]

Thank you so much for your help! Your advice was easy to follow and worked like a charm! All the best!

[Better Betty]

That you so much!
Right to point!

[Susan]

Thank-you so much for this, I wouldn't have figured it out by myself.

[Jennie]

Thanks Heather, I did it from your notes in 5 mins. Very straight forward. Thanks again
Jennie

[Heather Wright-Porto]

In Blogger, you have to go to Design, then Page Elements and then Add A Gadget. Then you will see HTML/JavaScript.

maybe you are using the new blogger interface?

Then go to your Blog, then on the left choose Layout. Then you can add a gadget there. And choose the HTML/JavaScript.

This is for your sidebar…not to be put in a post or page.

let me know if you still have any problems…
Heather :D

[Traci]

Your instructions are SO easy, but they aren't working. I'm on Blogger and it's not giving me an option to add as HTML, when I try to add Gadget and then Add my own, it only gives me a space to link by URL, which it won't like to my Etsy page. I would appreciate your help.

Traci

[Melissa McAllister]

Thanks so much for this post. Can't believe how easy you made it. :D

[Danee]

Thank you so much for this very easy to read and do tutorial. I had tried someone else's directions and couldn't get my mini Etsy to show up. Your directions were simple and quick and its on my blog in less than 3 minutes… literally.

[jamie]

THANK YOU! this was super easy to understand and very straightforward :)

[Wendy]

Thank you so much! Very helpful and clear and easy to understand. :)

[Elizabeth@BlueClearSky]

Thanks so much for the simple and excellent instructions! It saved me so much time trying to figure it all out.

[Anna]

Thank you so much, I really appreciate your post! Anna.

http://hawaiianmagpie.blogspot.com/

[christy]

Thank You!

[Heather Wright-Porto]

Hi Brooke!
Yes, I believe the problem is the the Etsy code involves JavaScript which Wordpress.com (free version), can't handle unfortunately. However, I found this for you to try:
http://www.etsy.com/apps/52827503/etsy-wordpress-widget
and this
http://www.etsy.com/apps/400428/etsy-wordpress-widget.
Also go to Dashboard, Appearance, Widgets and see if there is an Etsy one there :D
Keep us posted :D

[Brooke]

Hi! I was so excited to find such simple straight forward way of adding my shop to my wp blog but it's still not working? The Etsy code is just turning into a shortened form and leading people to Etsy when it shows up on my blog. No images or anything. Any ideas? Thanks, Brooke

[Simiansays.blogspot.com]

I so appreciate your generosity, wealth of information, and clearly written instructions. Bookmarked for future use! Thank you!!

[What Sadie Did]

Just added an Etsy widget to my blog now thanks to your wonderful and simple instructions!! Tips like these really make my day - thanks for sharing them :)

Sadie x
http://whatsadiedid.blogspot.com/

[Heather Wright-Porto]

Hi Molly!
Be sure you are Adding a HTML/JavaScript widget and not a Text widget. That may be the problem. If you continue having problems, send me over the Etsy Mini code you are trying to copy and paste and I'll test it for you in one of my testing Blogger blogs.

Keep me posted,
Heather :D

[Molly]

Hi,
I am on Blogger and tried this multiple times, keeps saying I have "illegal characters" in the Copied Etsymini Javascript...?

Should be straightforward!

Gadgets, ADD GADGET, then the etsymini text...?
What am I doing wrong?

Thanks!

[Susan]

this is fantastic - my shop is now up and running on my blog. Thank you for such a great tutorial.

I'm having a fat quarter bundle give-away on my blog...if interested, click on my name to go to blog.

[SL]

Thank-you! Thank-you! It took me about 3 minutes to add an Etsy sidebar to my blog with your excellent intstructions.

[Kelee]

Thank you! This is very helpful and well-written.

[Lori Sanders]

Thanks so much. Really appreciate you sharing.

[ane]

Yup, thanks a million. worked straight a way

[Margaret]

Thank you! So helpful!