This tutorial will show you how to add a an Etsy widget script to your site so you can display items you have posted at Etsy. You want to use the java based Etsy script, not the flash script. This tutorial works for ANY HTML you want to add to a page. This is how to do it.

Log into your storeadmin

http://www.yourdomain.com/storeadmin
Replace "yourdomain.com" with your own domain.
 

Cick on Pages on the left hand side.

Click on Edit next to the page you want to add the Etsy script to.

 

Put an X on your page where you want the Etsy script to show up and highlight the X with your cursor.

Click on the < > icon on the far right side of the WYSIWYG editor to access the html version of your page.

 

You will notice a blue highlighted area on the page within the html code. Do NOT deselect it. Leave it blue.

 

Copy the Etsy script code which should look something like this:

<script type='text/javascript' src='http://www.etsy.com/etsy_mini.js'></script><script type='text/javascript'>new EtsyNameSpace.Mini(1610, 'shop','thumbnail',4,3).renderIframe();</script>

Now click on the Paste (clipboard) icon on the WYSIWYG editor.
When a window pops up asking if you want too allow or don't allow clipboard access, click Allow Access.

 

Now you should see your newly pasted code in place of the previous blue highlighted html code.



Scroll to the bottom of the page and click Update.

 

Now when you go to your site and view your page, you should see the new Etsy listings on your page.


 

Note: When you go back to edit your page again, you will not see the Etsy script code on your page. It IS there, just hidden within the html code. So, if you wanted to enter anything beneath your Etsy script, you would need to click on the < > icon, find the end of the script which would look like this: </script>. Put an x at the end of this tag then click OK. When you look at your page in edit mode now, there will be an x on the page telling you where it is ok to type. Type BELOW that x then remove it.