Pricing Widget Embed Code
Copy and paste one of the following options to embed the Invoice Medley pricing widget in your website.
Option 1: Iframe Embed (Simplest)
Use this code to embed the pricing widget in your website:
<iframe
src="https://invoicemedley.com/api/pricing-widget"
width="100%"
height="650"
style="border: 1px solid #ddd; border-radius: 4px;"
title="Invoice Medley Pricing">
</iframe>Option 2: JavaScript Embed (Advanced)
Use this code for a more customizable integration with JavaScript:
<div id="invoice-medley-pricing"></div>
<script>
(function() {
// Create iframe element
var iframe = document.createElement('iframe');
iframe.src = "https://invoicemedley.com/api/pricing-widget";
iframe.width = "100%";
iframe.height = "650";
iframe.style.border = "1px solid #ddd";
iframe.style.borderRadius = "4px";
iframe.title = "Invoice Medley Pricing";
// Append to container
document.getElementById('invoice-medley-pricing').appendChild(iframe);
})();
</script>Customization Options
You can customize the pricing widget by adding query parameters to the iframe URL:
| Parameter | Description | Example |
|---|---|---|
theme |
Set the color theme (light or dark) | theme=light |
period |
Set the default billing period (monthly or annual) | period=annual |
highlight |
Highlight a specific plan (free, freelancer, business) | highlight=freelancer |
Example with customization:
<iframe
src="https://invoicemedley.com/api/pricing-widget?theme=light&period=annual&highlight=freelancer"
width="100%"
height="650"
style="border: 1px solid #ddd; border-radius: 4px;"
title="Invoice Medley Pricing">
</iframe>