How to Add an Affiliated Zazzle Store RSS Feed into Weebly

by JoHarrington

Do you want to add a Zazzle RSS feed into your Weebly site, but are thwarted by coding errors and lack of pictures? You've come to the right place!

Weebly is a free website creation site. It's perfect for Zazzle sellers and associates looking to throw up a promotional site to display their featured products.

At least, it would be, if the coding between the two sites was compatible.

Designers and affiliates can easily add Zazzle products in one by one, but automatically updating them with a RSS feed from your Zazzle store is a little more complicated. Particularly if you wish to retain your referral ID along the way, in order to benefit from 15% extra commission.

I've been reading all over the net that it can't be done. I do love a challenge. Here's how I cracked it.

Issues with Zazzle RSS Feeds and Weebly Websites

Weebly offers free and professional looking sites for your business, leisure or general messing around convenience. It doesn't mean they're all inclusive.

In a bid to reduce the chance of their free websites being used by pirates, Weebly have switched off the ability to use a lot of programming languages. Curl doesn't work; some javascript is nerfed; and there's no way to add in api or php files.

This naturally wipes out half of the goodies in the Zazzle promotional tools section.

What hasn't been stopped are feeds. It's actually incredibly easy to add a Zazzle RSS feed onto Weebly. You merely create a page, grab the Feed Reader element and paste in your Zazzle feed URL.

Image: Zazzle RSS Feed Blank Products on Weebly
Image: Zazzle RSS Feed Blank Products...

That was never the issue. The problem is that the resulting column doesn't load correctly, and looks minimalistic in the extreme. It's blank space.

Granted though, the links do work and your referral code is attached to them. But from the point of view of someone trying to showcase their Zazzle products, it's ugly.

The problem is that Weebly's cautious lock-down of digital languages and certain HTML code means that your feed is only being partially read. Which parts are probably downright obvious. The text is permissible. The image code is not.

Unfortunately, that is the only mode of RSS feed that Zazzle offers. Weebly isn't the only content management site to eclipse some coding structures. All over Zazzle's forums, and the wider web, intrepid people have discovered work-rounds for those.

But not yet Weebly. None of the above strategies worked and there was nothing else proposed in its place.

Instead Zazzle entrepreneurs have been using Weebly to display items individually added in. That's easy to do by utilizing the 'embed code' element, to paste in the code from Zazzle's 'link to me' section under the 'share' button.

That takes work and constant updating. We could be making Zazzle products instead. Time is money and all that.  So I set out to find a solution, and succeeded. It's a little convoluted, but it works.

Image: Weebly site with fully functional Zazzle RSS Feed
Image: Weebly site with fully functional Zazzle RSS Feed

Step One: Find Your Zazzle RSS Feed

I'm going to be working on the basis that you want a general RSS feed for your Zazzle store on Weebly. There are plenty of other variations on a theme, but once you have the basic idea, you should be able to extrapolate from it.

Your Zazzle store RSS will look like this:

http://feed.zazzle.com/storename/rss?at=associateid

Example: http://feed.zazzle.com/bestzazzlestoreevah/rss?at=010101010101010101

You can find your Associate ID in Zazzle's Associate Center. (http://www.zazzle.com/my/associate/associate - apologies for the lack of a hyperlink, there's a slight bug with Wizzley at the moment, hence it's kicking up a false positive as a dead link. Simon the Tech Man is on the case.)

Step Two: Make a Brand New Rebelmouse Account

You can add RSS feeds to an existing account, but it won't create an array from the feed in a separate section. Rebelmouse is set up to amalgamate your social networking and random links, not to be exploited in the way that we're about to do.

As you create your Rebelmouse account, you'll be urged at every turn to link up Twitter and everything else too. Resist! If you wait on until your e-mail is verified, Rebelmouse will give up on you and let you pass into the dashboard proper.

(Incidentally there's some glitch on Firefox at the moment. I resorted to using Internet Explorer to access the site. Which meant that I suddenly got spammed half to digital death by a hopeful Microsoft thinking I was there for good.)

Step Three: Make Rebelmouse Pretty Enough to Receive your Products

This isn't strictly necessary in achieving our main objective, but your Zazzle products will be on display here. It's another promotional avenue, which potential customers can find, and it's respectful to Rebelmouse for facilitating your designs on Weebly.

Plus it's something to do while you're waiting for the verification e-mail to come through.

Here's mine for all your example requirements.

Step Four: Adding your Zazzle RSS Feed to Rebelmouse

Image: Rebelmouse Content SourcesIn the top left hand corner of the Rebelmouse home page, there are three horizontal lines. Click this to access the backside of your site.

Select 'Content Sources' from the menu thus revealed.

Scroll down until you find the section to add a RSS feed. Type or paste in the URL that you constructed in Step One.

But hold!  Rebelmouse doesn't like you adding in your Associate ID too. While that's there, the 'add it' button will not illuminate in order to be clicked, thus added.

Strip your URL down to the basic elements. This will be http://feed.zazzle.com/yourstorename.  NOW the 'add it' button lights up a glorious blue. Don't click it.

Go back to your URL and paste back in all the stuff that you just took out of it. The 'add it' button won't diminish again, and you'll be able to click it to flood your Rebelmouse home page with your Zazzle store's products.

Be patient though. They'll come two or three at a time. It might take several minutes before they're all filling the page quite nicely.

Step Five: Embedding Rebelmouse into Weebly

If you left the area, then return to the backside part of your Rebelmouse site. Below the list, wherein you found 'Content Sources', you'll see a fainter link which reads 'more'. Click it.

In the menu that now appears, select 'Embed'. You'll be taken to a page where you can customize what you wish to carry across. Do what you will, though note that it all works perfectly on the default settings.

Click 'generate', then copy the code that's... well... generated.

Open up your Weebly page and drag an 'embed code' element into the main section. Then copy your Rebelmouse lines into it.  Click anywhere out of the area and voila!  You have a fully affiliated Zazzle RSS feed in Weebly, pictures, products, referral code and all.

You're welcome.

Updated: 06/02/2014, JoHarrington
 
Thank you! Would you like to post a comment now?
6

Comments

Only logged-in users are allowed to comment. Login
Jenny Setchell on 05/14/2015

Thanks SOOOOOOOOOOO much. It worked perfectly. Very much appreciated.

JoHarrington on 07/28/2014

That's great, thanks! It's always good when someone follows it through to the same result. It means that I wrote the instructions down well enough. :)

Ah! That associate ID link part is always tricky, as we're effectively subverting the site code to make it happen.

AbbyFitz on 07/27/2014

Hey there,
Just popping in to let everyone know that your method works. My Weebly isn't live yet, so I can't show it off. But trust me, it's fun and easy!

One thing that I have to add. I don't know if it was just a me problem. When I went back in to add my associate ID to my link, I had to manually type it back in. When I tried to copy and paste it, the add button was disabled.

JoHarrington on 06/03/2014

If it's not Weebly, then you're as well going with Zazzle's store builder. All sorted for you in a zip file.

AbbyFitz on 06/02/2014

I've recently been wondering how to put my zazzle store on a website. You read my mind!

JoHarrington on 06/01/2014

Yay! I love how the exchange of ideas and avenues works on Wizzley. :)

Jo_Murphy on 05/31/2014

I don't use Weebly but now you have made me think about it too, Jo

JoHarrington on 05/31/2014

Yay! I'm glad to have sparked some more ideas for you! :D

cmoneyspinner on 05/31/2014

I don't use Weebly, I use Webs - another D.i.Y. website builder app. But now you've given me a reason to rethink whether or not to use Weebly and also how to get more mileage out of being a Zazzle affiliate and possibly make me some real money. You go girl!! :)

JoHarrington on 05/31/2014

You're very welcome. <3


You might also like

How to Use Zazzle Bulk Image Uploader

Zazzle Bulk Image Uploader does precisely what it says on the packet. It's a...

How to Use Zazzle Quick Create

True artists spend many hours lovingly crafting and polishing their finished ...


Disclosure: This page generates income for authors based on affiliate relationships with our partners, including Amazon, Google and others.
Loading ...
Error!