Partner kit

Everything you need to share Protein Hunter

Logo, descriptions, widget examples, embed instructions and ready-made copy. Use any of it freely when you introduce Protein Hunter to your audience.

Logo

Protein Hunter logo

PNG, transparent-friendly, use on dark or light backgrounds.

Download logo

Brand & descriptions

Brand description
Protein Hunter — the protein layer of the internet. Gold and black, precise, practical, no hype. Always written as two words with capital P and H.
Short description
Protein Hunter is a free protein discovery tool that helps anyone find and calculate the protein and calories in everyday foods and meals.
Long description
Protein Hunter helps people answer one everyday question: how much protein am I actually eating? Search thousands of foods, calculate protein and calories for a whole meal, scan a plate, plan a day and follow a personal protein target.

Websites, creators, gyms and businesses can embed Protein Hunter's tools for free with a single line of code, so their audience gets instant, reliable protein answers without leaving the page.

Screenshots & widget examples

Live previews of the tools you can place on your site — exactly what your audience sees.

Protein calculator — Visitors pick a food and a portion, and get protein + calories instantly.
Protein per 100 g — A single-food lookup card showing protein, calories and protein score.
Protein comparison — Side-by-side protein comparison of any two foods.
Protein Hunt Challenge 🏹 — Visitors build a meal, publish a public Hunt Card and challenge their friends — your site keeps the referral credit.

Embed instructions

Iframe (works everywhere)
<iframe src="https://proteinhunter.app/embed/calculator" width="100%" height="460" style="border:0;border-radius:16px;max-width:520px" loading="lazy" title="Protein Hunter calculator widget"></iframe>
One-line script
<div data-protein-hunter="calculator"></div>
<script src="https://proteinhunter.app/embed.js" async></script>

WordPress

  1. Open the page or post where you want the tool.
  2. Click the "+" button and add a "Custom HTML" block.
  3. Paste the code into the block.
  4. Click Update or Publish — the tool appears straight away.

Using the Classic editor? Switch to the Text tab before pasting.

Wix

  1. In the Wix editor, click Add Elements → Embed Code → Embed HTML.
  2. Drag the box where you want the tool and click Enter Code.
  3. Paste the code and click Apply.
  4. Drag the box corners so the whole tool is visible, then Publish.

Wix does not auto-resize embeds — make the box at least as tall as the widget.

Squarespace

  1. Edit the page and click an insert point.
  2. Choose the "Code" block.
  3. Delete the sample content and paste the code.
  4. Click outside the block, then Save.

Webflow

  1. Open the Designer and drag an Embed element onto the page.
  2. Paste the code into the code editor and click Save & Close.
  3. Set the element height to at least the widget height.
  4. Publish your site.

Shopify

  1. Go to Online Store → Pages (or Products) and open the item.
  2. In the content editor, click the <> Show HTML button.
  3. Paste the code where you want the tool.
  4. Save — it appears on the live storefront.

For theme sections, add a Custom Liquid block and paste the code there.

Plain HTML

  1. Open your .html file in any editor.
  2. Paste the code where the tool should appear.
  3. Save and upload the file.

React / Next.js

  1. Switch the embed method above to "React".
  2. Create a component file and paste the code.
  3. Import and render the component anywhere in your app.

No package to install and no API key required.

Ghost / Notion / Medium

  1. Ghost: add an HTML card and paste the code.
  2. Notion: paste the widget link and choose Embed.
  3. Medium: paste the widget link on its own line.

Platforms that block scripts still work with the plain widget link.

Your referral link & builder

Add your partner handle below and every snippet and link is credited to you.

Visitors pick a food and a portion, and get protein + calories instantly.

A handle credits every view, interaction and signup back to you — no personal data is collected from your visitors.

<div data-protein-hunter="calculator"></div>
<script src="https://proteinhunter.app/embed.js" async></script>
Where are you pasting it?
  1. 1.Open the page or post where you want the tool.
  2. 2.Click the "+" button and add a "Custom HTML" block.
  3. 3.Paste the code into the block.
  4. 4.Click Update or Publish — the tool appears straight away.

Using the Classic editor? Switch to the Text tab before pasting.

Live preview
Share this tool

Know another creator, coach or site owner who could use it? Send it over.

WhatsAppFacebookXLinkedInTelegram

Sharing the calculator tool.

Ready-made copy

Social media copy
Found a genuinely useful free tool: Protein Hunter. Type any food or a whole meal and it tells you the protein and calories instantly. No account needed. https://proteinhunter.app
Email copy
Subject: A free protein tool worth keeping

Hi,

I wanted to pass on something practical: Protein Hunter, a free tool for working out the protein and calories in everyday foods and meals.

You can use it directly, or if you run a website you can add the calculator to your own pages in one line of code.

https://proteinhunter.app

Enjoy,
Back to distributionBecome a partner