Embedding the LRP Calculator
Follow these steps to add the Cattle Market Mobile LRP Calculator to your website. No coding experience required — just copy, paste, and customize.
Add the Basic Embed Code
Copy and paste the following <iframe> tag into your website's HTML where you want the calculator to appear.
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>This will render the calculator with the default light theme and standard colors. The first time a user loads the calculator, they will see a brief consent screen asking them to agree to our Terms of Service and Privacy Policy before proceeding. This only appears once per browser.
Customize the Theme
Add query parameters to the src URL to match the calculator to your website's branding. All color values are hex codes without the # prefix.
Theme Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
theme | "light" | "dark" | light | Sets the overall color scheme. Use 'dark' if your website has a dark background. |
primary_color | hex color | 3b82f6 | The accent color used for buttons, sliders, and interactive elements. Example: 1d4ed8 for a darker blue. |
bg_color | hex color | ffffff (light) / 111827 (dark) | The background color of the calculator. Useful for matching your page background exactly. |
text_color | hex color | 1f2937 (light) / ffffff (dark) | The main text color used for labels and headings. |
button_bg_color | hex color | Uses primary_color | Background color for buttons (e.g., consent button, contact CTA). Overrides primary_color for buttons only. |
button_text_color | hex color | ffffff | Text color for buttons. |
slider_bg_color | hex color | Uses primary_color | Background color for slider thumbs, track fills, and tooltips. Overrides primary_color for sliders only. |
slider_text_color | hex color | ffffff | Text color shown inside slider tooltips. |
Example: Dark Theme with Custom Colors
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator?theme=dark&primary_color=22c55e&bg_color=0f172a"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>Example: Light Theme with Brand Colors
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator?theme=light&primary_color=b91c1c&bg_color=fef2f2&text_color=450a0a"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>Pre-fill Calculator Values
You can optionally pre-fill the calculator with default values so your clients see relevant options immediately. These are added as additional query parameters.
| Parameter | Type | Default | Description |
|---|---|---|---|
agent | string | — | Your agent identifier. Contact us to get your agent ID. |
commodity | string | — | Pre-select the commodity (e.g., "Fed Cattle", "Feeder Cattle", "Swine"). |
type | string | — | Pre-select the commodity type (e.g., "Steers", "Heifers"). |
endorsement_length | string | — | Pre-select the endorsement length in weeks. |
coverage_level_percent | string | — | Pre-select the coverage level percentage (70–100). |
number_of_head | string | — | Pre-fill the number of head. |
selling_weight | string | — | Pre-fill the expected selling weight (lbs). |
end_value | string | — | Pre-fill the expected end value. |
basis | string | — | Pre-fill the basis value. |
Example: Pre-filled for Fed Cattle
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator?theme=light&primary_color=1d4ed8&commodity=Fed%20Cattle&type=Steers&number_of_head=100"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>Add Agency Contact Information
Help your website visitors get in touch when they're interested in coverage. Add contact parameters to display a call-to-action bar at the bottom of the calculator. If no contact parameters are provided, the CTA won't appear.
| Parameter | Type | Default | Description |
|---|---|---|---|
contact_name | string | — | Your agency or company name. Displayed in the CTA text (e.g., "Interested in this coverage? Contact Smith Insurance Agency"). |
contact_url | URL | — | Link to your agency's contact page. Opens in a new tab. This is the primary CTA button. |
contact_label | string | "Interested in this coverage? Contact Us" | Custom text shown above the contact buttons. Overrides the default message. |
contact_phone | string | — | Your agency phone number. Renders as a click-to-call link alongside the main CTA. |
contact_email | string | — | Your agency email address. Renders as a mailto link alongside the main CTA. |
Example: Full Agency Contact CTA
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator?theme=light&primary_color=1d4ed8&contact_name=Smith%20Insurance%20Agency&contact_url=https://smithinsurance.com/contact&contact_phone=(555)%20123-4567&contact_email=info@smithinsurance.com"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>You can provide any combination of contact_url, contact_phone, and contact_email. At least one must be present for the CTA to appear.
Sizing & Responsiveness
The calculator is fully responsive inside the iframe. Here are some tips for getting the best results:
Recommended Height
A height of 800px works well for most setups. If your users will be interacting with many endorsement lengths or coverage levels, consider 900px or higher to reduce scrolling within the iframe.
Full Width
Setting width="100%" makes the calculator fill its container. Wrap the iframe in a container element if you need to constrain the maximum width.
Constrained Width Example
<div style="max-width: 900px; margin: 0 auto;">
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>
</div>Embed Code Generator
Fill in the fields below and copy your ready-to-use embed code. Only parameters you set will be included in the URL.
Theme & Colors
Agency Contact
Calculator DefaultsOptional
Pre-fill the calculator with default values. Most embedders can skip this section.
Embed Size
Generated Embed Code
<iframe
src="https://cattlemarketmobile.com/embed/lrp-calculator"
width="100%"
height="800"
frameborder="0"
title="LRP Calculator"
style="border: none; max-width: 100%;"
></iframe>Good to Know
Do my users need to agree to anything before using the calculator?
Yes. The first time the calculator loads in a user's browser, they will see a brief consent screen asking them to agree to our Terms of Service and Privacy Policy. Once accepted, this preference is remembered and the consent screen will not appear again on that browser.
Does my domain need to be approved?
Yes. We use domain whitelisting to ensure only approved sites can embed the calculator. Contact us to learn how to add our calculator to your website.
Where does the pricing data come from?
All LRP pricing data is sourced directly from the USDA Risk Management Agency (RMA). The calculator displays current rates when the market is open.
What if the calculator looks too tall or short on my page?
Adjust the height attribute on the iframe. We recommend starting with 800 and adjusting up or down based on how it looks in your layout.
Need Help?
We're happy to help you get the calculator set up and customized for your website.