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

[ane]

Yup, thanks a million. worked straight a way

[Margaret]

Thank you! So helpful!

[Sissy]

Thank You!

[Kristen]

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.

[Jennifer]

Thank you so much! This was so helpful - took 3 minutes! :)

[Onewildorange]

Thanks so much! This helped a ton!

[Amanda]

So helpful - thanks!

[mini fridge]

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

[julia]

Heather,
thank you so much for this post. Worked like a charm.

[leslie]

Thanks so much for posting this!! I was wondering how that worked!!

[Felicity]

Thanks for the tip!

[Anna]

Thanks for the detailed and very pedagogical tutorial!
/Anna

[Ruby Roulette]

Thank you SO much for that, it was extremely helpful and a great time saver!
x

[Heidi]

Hi Heather

Thank you so much for posting this, it worked perfectly. I really appreciate this.

Best wishes,
Heidi

[deb]

Wow! This worked like a charm. Thanks for the *excellent* instructions! :)

[Zazu]

thank you thank you thank you for this! you made my morning!

[Mary Poppins in Heels]

Thank you so, so much for this information! Very helpful and clear--and it works!

[avotiya]

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.

[Kelley]

Thank you!! Huge help!

[Darlene]

Heather:

Thanks so much for sharing Adding Etsy to your Typepad. I'm going to try it now.

[Heather Wright-Porto]

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
www.blogsbyheather.com

[ellen]

Uh -- This does NOT work in wordpress. There is no HTML code for etsy mini.

[Sarah]

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~

[Tonja Lenderman]

Thank you so much !!!!!! Was having a horrible time trying to figure this out myself :)

[grace wieber]

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