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!
Hi Heather. I am interested in making some changes to my blog and would love to talk to you. please contact me. my phone # ia 781 344 9760
Dear Heather,
Thanks for this great tutorial. From the looks of your blog you really got it going on. Congratulations and continued success.
Sincerely,
Grace and Will Wieber
Thank you so much !!!!!! Was having a horrible time trying to figure this out myself 🙂
hi there! THANKS sooo much 🙂 for a long time i have been trying to figure out how to add my etsy shop to my blog! i did a general search today and WOW there it wasy 🙂 thanks a million!
xo
Sarah~
Uh — This does NOT work in wordpress. There is no HTML code for etsy mini.
Hi Ellen!
The Etsy Mini “link” is within Etsy and not within WordPress.
*****************************
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.
*****************************
It is possible that it may NOT work in WordPress depending on what type of WordPress you have — a free version or paid version. Some HTML code is not allowed with free versions of WordPress. You may have to upgrade your WordPress acct or contact WordPress help to see if there is something else you can do to get the HTML code to save/work/stay.
Best wishes,
Heather
https://www.blogsbyheather.com
Heather:
Thanks so much for sharing Adding Etsy to your Typepad. I’m going to try it now.
Thank you!! Huge help!
thanks so much for this tip! you did a great job by breaking it into steps, now I have added it and it looks perfect, much better than a simple link I had before.
Thank you so, so much for this information! Very helpful and clear–and it works!
thank you thank you thank you for this! you made my morning!
Wow! This worked like a charm. Thanks for the *excellent* instructions! 🙂
Hi Heather
Thank you so much for posting this, it worked perfectly. I really appreciate this.
Best wishes,
Heidi
Thank you SO much for that, it was extremely helpful and a great time saver!
x
Thanks for the detailed and very pedagogical tutorial!
/Anna
Thanks for the tip!
Thanks so much for posting this!! I was wondering how that worked!!
Heather,
thank you so much for this post. Worked like a charm.
Thank you for detailing the matter about blogger. Now I have understand how easy it is to put a html widget code in blogspot.
Cheers
So helpful – thanks!
Thanks so much! This helped a ton!
Thank you so much! This was so helpful – took 3 minutes! 🙂
Thank you! This was exactly what I was looking for – I’m glad I clicked your link first and didn’t have to bother with someone else giving vague and/or overly wordy instructions.
Thank You!
Thank you! So helpful!
Yup, thanks a million. worked straight a way
Thanks so much. Really appreciate you sharing.
Thank you! This is very helpful and well-written.
Thank-you! Thank-you! It took me about 3 minutes to add an Etsy sidebar to my blog with your excellent intstructions.
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.
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!
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 😀
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/
I so appreciate your generosity, wealth of information, and clearly written instructions. Bookmarked for future use! Thank you!!
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
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 😀
Keep us posted 😀
Thank You!
Thank you so much, I really appreciate your post! Anna.
http://hawaiianmagpie.blogspot.com/
Thanks so much for the simple and excellent instructions! It saved me so much time trying to figure it all out.
Thank you so much! Very helpful and clear and easy to understand. 🙂
THANK YOU! this was super easy to understand and very straightforward 🙂
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.
Thanks so much for this post. Can’t believe how easy you made it. 😀
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
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 😀
Thanks Heather, I did it from your notes in 5 mins. Very straight forward. Thanks again
Jennie
Thank-you so much for this, I wouldn’t have figured it out by myself.
That you so much!
Right to point!
Thank you so much for your help! Your advice was easy to follow and worked like a charm! All the best!
Ahh… thanks so much for sharing this information. It’ll come in handy when I want to add Etsy to any new blog I have, regardless of the blog platform I choose.
Thank you! Wish I had found this before I wasted an hour trying to do it on my own 🙂
Heather you are a lifesaver!!
Help. I followed the wordpress directions exactly and it is not working on my blog. Any suggestions?
Hi Rebecca!
If it’s a WordPress.com (free WordPress site), then it will not work if there is JavaScript. Are you using the free WordPress? If so, you may have to instead use an Etsy image badge and link directly to your Etsy site. Keep me posted 😀
Heather!!
This is great and easy to follow!
Thanks a million for your help 🙂
demureindiamonds.blogspot.com
Jenna
Thank you for this information. I’m new to the blog world and every little tip really helps!
Pam
Thank you so much for this post!Very helpful!
Thanks for this helpful tutorial. I now have a widget for my Etsy shop on my blog’s homepage.
Sydnie
http://lifeencouraged.com
thanks you verry mach
Thank you so much for this 🙂 Easy to follow instructions
That was so easy and useful, Thanks. Much appreciated x x x
Hi,
Thank you for this tutorial, it seems very useful. Unfortunately it no longer works on WordPress, any words of advice? I’m having trouble with other URL codes too, like buttons from other blogs.
Thank you so much! I use blogger and your instructions were perfect! That was easier than I thought it would be!!