Embedding Pricing Widget

This is an example of how to embed the Invoice Medley pricing widget in your website.
Embedded Pricing Widget

This example demonstrates how to embed the pricing widget in your website. The widget allows your visitors to view our pricing plans and sign up directly.

  1. Users can toggle between monthly and annual billing
  2. The widget displays all three pricing plans (Free, Freelancer, Business)
  3. Clicking "Get Started" will direct users to the appropriate checkout page
  4. The widget is fully responsive and maintains your website's branding
Implementation Steps:
  1. Copy the iframe or JavaScript embed code
  2. Paste it into your website where you want the pricing widget to appear
  3. The widget will automatically adapt to your website's theme and layout

See our Pricing Widget Embed Code for implementation details.

Live Preview
Iframe Embed Code

Use this code for a simple integration:

<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>
JavaScript Embed

Use this code for a more advanced integration:

<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>