Recipe Search Box

Help people find recipes from your website!

Create a recipe search box that can be placed anywhere on your website or blog for free! Simply copy & paste the code snippet we provide below into your site ... and voilà! You've got your very own recipe search engine.

If you are building a widget or mobile application and need something more powerful than a recipe search box, learn about our Recipe XML API.

Select a Design

Option #1: Wide Box

recipe title	recipe ingredients

recipe title, keywords	(optional)	Recipes by RecipeBridge

Copy and Paste HTML:

<form action="http://www.recipebridge.com/recipes" name="sh_search" style="width:auto;margin:0;padding:0;border:0;">
<table cellpadding="0" cellspacing="0" border="0" style="width:auto;margin:0;padding:0;border:1px solid #CCCCCC;">
	<tr>
          <th align="left" valign="bottom" style="width:auto;margin:0;padding:5px 0 0 5px;font:bold 12px arial;">recipe title </th>
              <th align="left" valign="bottom" style="width:auto;margin:0;padding:5px 0 0 5px;font:bold 12px arial;">recipe ingredients </th>
              <th align="left" valign="bottom" style="width:auto;margin:0;padding:5px 5px 0 5px;"></th>
  </tr>
 
  <tr>
          <td align="left" valign="middle" style="width:auto;margin:0;padding:0 0 0 5px;">
        <input type="text" name="q" value="" style="width:150px;margin:0;padding:1px 2px;border:1px solid #999;font:12px arial;" onclick="this.value='';">
      </td>
    
          <td align="left" valign="middle" style="width:auto;padding:0 0 0 5px;">
        <input type="text" name="i" value="" style="width:150px;margin:0;padding:1px 2px;border:1px solid #999;font:12px arial;" onclick="this.value='';">
      </td>
        
    <td align="left" valign="middle" style="width:auto;padding:0 5px 0 5px;">
      <input type="submit" name="submit" value="Search Recipes" style="margin:0;padding:0 2px;font:12px arial;" />
    </td>
  </tr>
    
  <tr>
    <td align="left" valign="top" style="width:auto;padding:0 0 5px 5px;font:10px arial;">
              recipe title, keywords </td>

<td align="left" valign="top" style="width:auto;padding:0 0 5px 5px;font:10px arial;">
              (optional)</td>

<td align="left" valign="top" style="width:auto;padding:0 5px 5px 5px;color:#000;font:11px arial;"><span style="width:auto;margin:0;padding:5px;color:#000;font:11px arial;"><a href="http://www.recipebridge.com/" style="color:#000;font:11px arial;text-decoration:none;">Recipes </a> by <a href="http://www.recipebridge.com/" style="text-decoration:none;"><span style="color:#F07802;font:bold 11px arial;">Recipe</span><span style="color:#93BF2C;font:bold 11px arial;">Bridge</span></a></span></td>
 	</tr>
</table>
</form>

Option #2: Tall Box

Copy and Paste HTML:

<form action="http://www.recipebridge.com/recipes" name="rb_search" style="width:auto;margin:0;padding:0;border:0;">
<table cellpadding="0" cellspacing="0" style="width:auto;margin:0;padding:0;border:1px solid #CCCCCC;">

<tr>
    <td align="left" valign="bottom" style="width:auto;margin:0;padding:5px;border:0;font:10px arial;">
      <span class="style1" style="font:bold 12px arial;">recipe title </span><br />
      <input type="text" name="q" value="" style="width:102px;margin:0;padding:1px 2px;border:1px solid #999;font:12px arial;" onclick="this.value='';"><br />
      recipetitle, keywords </td>
  </tr>

<tr>
    <td align="left" valign="bottom" style="width:auto;margin:0;padding:5px;border:0;font:10px arial;">
      <span class="style1" style="font:bold 12px arial;">ingredients</span><br />
      <input type="text" name="i" value="" style="width:102px;margin:0;padding:1px 2px;border:1px solid #999;font:12px arial;" onclick="this.value='';"><br />
      (optional)          </td>
  </tr>

<tr>
    <td align="left" valign="top" style="width:auto;margin:0;padding:5px;border:0;color:#000;font:11px arial;">
      <input type="submit" name="submit" value="Search Recipes" style="margin:0;padding:0 2px;font:12px arial;" />
      <br />
      <a href="http://www.recipebridge.com/" style="color:#000;font:11px arial;text-decoration:none;">Recipes </a> by <a href="http://www.recipebridge.com/" style="text-decoration:none;"><span style="color:#F07802;font:bold 11px arial;">Recipe</span><span style="color:#93BF2C;font:bold 11px arial;">Bridge</span></a>    </td>
 	</tr>
</table>
</form>

Recipe Search Box

Help people find recipes from your website!

Select a Design

Option #1: Wide Box

Option #2: Tall Box

Create your RecipeBridge Profile

Join Recipe Bridge

Or

Login Directly