Share or embed your form

Every form gets a public link like chariform.com/f/your-form the moment you create it. Share it directly, or embed the form on your website. The embed uses your page's background, so the form sits in the page, and it grows to fit the questions.

1. Open Settings.
2. Copy the form link to share it as is.
3. Download the QR code if you want to print the link.
4. Or copy the embed code and paste it into your website where you want the form to appear.

Next.js

Use the Next.js snippet in Settings. Render the div where the form should appear and load embed.js with next/script. The script appends the iframe directly inside that div, including after a client navigation. Do not move the iframe afterwards: its parent is already the slot.

import Script from "next/script";

export function ChariformForm() {
  return (
    <>
      <div
        data-chariform-form="https://chariform.com/f/your-form"
        data-chariform-title="Your form"
      />
      <Script src="https://chariform.com/embed.js" strategy="afterInteractive" />
    </>
  );
}

If the form takes card payments, use the current embed code so Apple Pay can appear.