Embed

Embed the VentureBoard submission form

Add the VentureBoard submission form to your Next.js app or any website with a simple iframe. Submissions go to VentureBoard and users get their VentureScore.

Embed URL

Use this URL as the src of your iframe. It redirects to the form with minimal chrome (no header/footer) and allows cross-origin embedding.

https://ventureboard.com/submit/embed

For Next.js projects

Add an iframe in any page or layout (App Router or Pages). No extra config needed; the embed URL allows being framed from any origin.

1. Simple embed

Use this in a Server or Client Component. Copy the code below and place it in your page (e.g. app/join/page.tsx).

// app/ventureboard-form/page.tsx or a section in your page
export default function VentureBoardFormSection() {
  const embedUrl = "https://ventureboard.com/submit/embed"

  return (
    <section className="w-full">
      <iframe
        src={embedUrl}
        title="VentureBoard - Submit your venture"
        className="w-full min-h-[800px] border-0 rounded-lg"
        loading="lazy"
      />
    </section>
  )
}

2. With postMessage (optional)

Use a Client Component and listen for ventureboard-submit to react when a user completes the form (e.g. close modal, show toast).

// Optional: listen for successful submission (e.g. close modal, show toast)
"use client"

import { useEffect } from "react"

export default function VentureBoardFormSection() {
  useEffect(() => {
    const handler = (event: MessageEvent) => {
      if (event.data?.type === "ventureboard-submit" && event.data?.success) {
        console.log("Submitted!", event.data.venture_score, event.data.id)
        // e.g. close modal, show success toast, redirect
      }
    }
    window.addEventListener("message", handler)
    return () => window.removeEventListener("message", handler)
  }, [])

  return (
    <iframe
      src="https://ventureboard.com/submit/embed"
      title="VentureBoard - Submit your venture"
      className="w-full min-h-[800px] border-0 rounded-lg"
      loading="lazy"
    />
  )
}

For other websites (iframe)

Paste this HTML into any website, CMS, or static page. Works with WordPress, Webflow, Squarespace, plain HTML, or any platform that allows iframes.

Steps: Copy the snippet below and paste it where you want the form to appear. Adjust width and height (or use CSS) to fit your layout.

<!-- VentureBoard submission form embed -->
<iframe
  src="https://ventureboard.com/submit/embed"
  title="VentureBoard - Submit your venture"
  width="100%"
  height="800"
  style="border: 0; border-radius: 8px;"
  loading="lazy"
></iframe>

postMessage API (optional)

When the form is embedded and the user submits successfully, the iframe posts a message to the parent window so your site can react.

Message payload:

{ type: "ventureboard-submit", success: true, venture_score: number, id: string }

After posting, the iframe navigates to the VentureBoard thank-you page so the user sees their score. You can still close a modal or show a toast when you receive the message.