RecipeSifter Widget

Widget Builder

Overview

This plugin lets you bring the powerful capabilities of RecipeSifter to your website.

Configure the layout for your widget below. The preview shows how it would work on your site.

Format

Large Compact Icon

Widget Container ID

Recipe URL

Use the URL in the browser of the recipe page Use a hard coded custom URL that I input

Position

Top Right Top Left Bottom Right Bottom Left

Preview

By clicking "Get Code" you agree to Sifter's Terms of Use.

Dynamic Page Integration

If you are looking to dynamically integrate the URL of the recipe that you want associated with one or more recipes on a page, you can dynamically set the value of the data-recipesifter-url and id attribute to the URL for each of the recipes.

Example


<div id="<Widget Container ID>"
     data-recipesifter-url="<Recipe URL>">
  <script>
    recipeSifterQueue.push(function() {
      recipeSifter.displayButton('<Widget Container ID>');
    })
  </script>
</div>

Still Need Help?