How can I add a Froogle search box to my site?

You'll want to take the same basic steps that I showed in my article about Adding an eBay search box to your page, but let me step through it directly.

First step is to go to the page that has the search box you want, view the source code and try to isolate exactly what section of code powers the search box itself. That's usually pretty easy as it's wrapped with <form> and </form>. When I did that on the Froogle page, however, it turns out that the HTML is full of JavaScript, CSS and other stuff that's rather a huge distraction.

In this case, therefore, I'm going to do something a bit different and reverse engineer the form. Since it's using a method="get" (that is, sending its arguments via the URL) it's easy to do this: Search for something, then look at the resultant URL.

I searched for teapots and here's the URL of the search results page on Froogle:

We can get everything we need from this URL. Here's this same information poured into a rudimentary form:

Hopefully you can see how the URL became the "action", the name of the search variable ("q") became the name of the text input variable, and the submit button was given the name "btnG" and the value of "Froogle Search" so that the resultant query would be in exactly the same form as generated from the Froogle home page?

One small refinement: add target="_blank" to the form tag and you'll ensure that the search results appear in a new window.

Let's test it out:

Nice! Now, a few refinements to make it look a bit better, yes?

Here's what I did:

Hope that gets you going with Froogle!