TBSP to Grams
Food Blogger Toolkit·100% Free Embed

Embed Our Recipe Calculator on Your Food Blog

Let your readers convert tablespoons, teaspoons, and grams without ever leaving your recipe post. Lightweight, mobile-friendly, and works on any CMS.

Customize Your Widget

Configure how the calculator renders for your readers

Step 1

Tip: Match this to the main ingredient in your recipe post (e.g. Flour, Cocoa, Honey).

Copy HTML Embed Code

Paste directly into your post HTML or CMS widget

<iframe
  src="https://tbsptograms.com/embed"
  width="100%"
  height="315"
  style="width:100%;max-width:370px;height:315px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:transparent;"
  title="TBSP to Grams Converter Widget"
  loading="lazy">
</iframe>
<p style="font-size:11px;color:#6b7280;margin-top:6px;font-family:sans-serif;">
  Powered by <a href="https://tbsptograms.com/" target="_blank" rel="noopener" style="color:#65a30d;text-decoration:underline;">TBSPtoGrams.com</a>
</p>
Standard HTML5 iframe · 0 dependenciesOpen in new tab ↗
yourfoodblog.com/recipes/chewy-cookies
Interactive Preview
Recipe Card

Grandma's Best Chocolate Chip Cookies

Prep 15 min · Bake 10 min · Convert tablespoon measurements to grams accurately:

Try interacting with the widget above to see how your readers experience it!

Why Food Bloggers Love This Widget:

  • Ultra-lightweight (<10KB load)
  • Zero external trackers or ads
  • 28 calibrated baking ingredients
  • Prevents ruined recipes & bad reviews
  • 2-Way switch (Tbsp ⇄ Grams)
  • 100% mobile & touch responsive

How to Install on Any CMS

Embedding takes under 30 seconds. Choose your platform below for simple instructions:

W

WordPress (Gutenberg)

  1. Inside your recipe post editor, click the + button to add a block.
  2. Search for "Custom HTML".
  3. Paste the copied embed code into the block and click Preview.
S

Squarespace

  1. Edit your recipe post or page.
  2. Add a new block and select "Code" or "Embed".
  3. Set mode to HTML, paste the code snippet, and click Apply.
</>

Ghost, Webflow & Shopify

  1. Insert an HTML / Embed Card anywhere inside your recipe.
  2. Paste the copied embed code snippet.
  3. Save & publish to provide your readers with instant kitchen conversions!