Embed the Recipe Converter on Your Site

Let your readers scale any recipe directly on your page — no signup, no app, no tab-switching. Drop the widget into any recipe post with a single script tag and a div.

Quick install (2 lines)

<!-- Place where you want the converter to appear -->
<div data-rcp-widget></div>

<!-- Add once, anywhere in the page (before </body> is fine) -->
<script src="https://recipeconverterpro.com/embed.js" async></script>

The script finds every data-rcp-widget element on the page and injects a responsive iframe into each one. The iframe auto-resizes to fit its content so you never need to set a fixed height.

Live preview

This is the actual widget your readers will see:

Options

Set data-width or data-height on the div if you need fixed dimensions. Both default to the full container width with auto height.

<div data-rcp-widget data-width="600px"></div>

How it works

• The widget runs entirely in a sandboxed iframe — no cookies, no tracking on your visitors.
• All computation happens in the browser — no data is sent to our servers.
• The iframe posts its content height to the parent page via postMessage so it always fits without scroll bars.
• A small attribution link ("Powered by Recipe Converter Pro") appears at the bottom — free to keep.

WordPress & Squarespace

Most page builders support a Custom HTML block. Paste the two lines above into it. If your theme strips <script> tags, use the raw iframe directly instead:

<iframe
  src="https://recipeconverterpro.com/embed/"
  width="100%"
  height="560"
  style="border:none;border-radius:12px;display:block"
  title="Recipe Converter Pro"
  loading="lazy"
></iframe>