< Back to Only Eats


Add The Only Eats Nutrition Button

Add a button to display nutrition information for every recipe on your website. Help your users stay informed. The Nutrition Button works with WordPress, SquareSpace, and any custom website.

Nutrition Button Preview

Only Eats

HTML

<script async src="https://www.onlyeats.com/js/nutrition.min.js"></script><a href="https://www.onlyeats.com" class="onlyeats-nutrition">Only Eats</a> Click here to copy

How do I add the Nutrition Button to my site?

1. Copy the HTML shown in the box above.
2. Paste the HTML into your post or content template.

Easy Instructions for Wordpress

Follow these instructions to add the Nutrition Button to all posts on a Wordpress site.
Follow these instructions to add the Nutrition Button to an individual post on a Wordpress site.



FAQ

Why add the Nutrition Button to my site?

Visitors to your site want to make educated choices about what they cook and eat. The Only Eats Nutrition Button allows you to easily provide a valuable tool to help your visitors stay informed.

How does the Nutrition Button work?

Only Eats automatically analyzes a recipe and then calculates an accurate nutrition profile with data compiled from the USDA, FDA and several other sources.

Need help?

Contact us — we'd be happy to walk you through the setup process. We can even help you style the Nutrition Button to match your website.



Advanced

Here are all of the custom properties used at once, for your copying and pasting pleasure.

<script async src="https://www.onlyeats.com/js/nutrition.min.js"></script>
<a href="https://www.onlyeats.com" class="onlyeats-nutrition"
    data-url="https://my-recipe-site.com/recipe/custom-recipe-url-100"
    data-servings="10"
    data-position="above"
    data-button-text="custom button text"
    style="background-color:orange; text-transform:none;"
>Only Eats</a>



Terms