Copy this snippet into any web page. Your visitors see your upcoming events on RodeoList, always current — no maintenance, works in WordPress, Wix, Squarespace, plain HTML, anywhere that allows iframes.

<iframe src="https://rodeolist.com/embed/producer/j-j-rodeo" width="100%" height="420" style="border:1px solid #c8b18a;border-radius:2px;" loading="lazy" title="J&J Rodeo — upcoming events"></iframe>

Preview →

Customization & auto-resize

Change how many events show. Add ?limit=N to the src (1–25, default 10). Example: /embed/producer/j-j-rodeo?limit=5.

Make the iframe auto-resize. The widget posts its content height to the parent page. Drop this script once in your site <head> or just before </body> — it'll resize any RodeoList iframe on the page:

<script>
window.addEventListener('message', function (e) {
  if (e.data && e.data.type === 'rodeolist:embed:resize') {
    document.querySelectorAll('iframe[src*="rodeolist.com/embed/"]').forEach(function (f) {
      f.style.height = e.data.height + 'px';
    });
  }
});
</script>

Producers without that script just get the fixed 420px height — the widget still works, it just doesn't auto-grow.