Create your first form with Forms Plugin in just a few steps.
Quick Start
This guide walks you through creating your first form with Forms Plugin. By the end, you’ll have a working form component placed on your Framer canvas, ready to customize.
The Home Screen
When you open Forms Plugin, you land on the home screen. This is your starting point for everything in the plugin.
The Get Started section contains six actions:
Action
What it does
Create New Form
Build a form from scratch
Templates
Browse the form template library
Fields
Explore available field types
Integrations
Connect to third-party tools
Help
Access documentation and support
Roadmap & Ideas
View upcoming features and share feedback
Option A: Create a Form from Scratch
On the home screen, click Create New Form
A single-step-form component is inserted directly onto your Framer canvas
The form is now selected in the canvas - you can resize and reposition it like any other Framer element
Use the Fields section in the plugin to browse and add field types to your form
Start with a blank form when you need full control over every field and layout. This is the best option for custom designs.
Option B: Start from a Template
Templates let you skip the setup and launch with a professionally designed form:
On the home screen, click Templates
Browse the form template library - use the search bar to filter by name
Click a template card to see a preview
Click Insert Template to add it directly to your canvas
Some templates are marked with a Pro or Scale badge, which means they require a paid plan to insert. See Plans & Pricing for details.
Add Fields to Your Form
Once a form is on the canvas:
Click Fields on the home screen (or from the plugin navigation)
Browse the Basic, Advanced, or CAPTCHA tabs
Click a field to add it to your form
See Form Fields for a full overview of the Fields page.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Forms Plugin","description":"The ultimate form builder for Framer — build, customize, and connect forms without leaving your design tool.","colors":{"primary":"#0066FF","light":"#3388FF","dark":"#0055DD"},"logo":{"light":"https://mintcdn.com/formsplugin/Hj_kwm7VoopjOSlK/images/logo-full.png?fit=max\u0026auto=format\u0026n=Hj_kwm7VoopjOSlK\u0026q=85\u0026s=6cf4719eb112fdc86a9352ba86c8976e","dark":"https://mintcdn.com/formsplugin/Hj_kwm7VoopjOSlK/images/logo-full-white.png?fit=max\u0026auto=format\u0026n=Hj_kwm7VoopjOSlK\u0026q=85\u0026s=e5e501d93096bb0a6fe503780e81e893","href":"https://formsplugin.com"},"favicon":"https://mintcdn.com/formsplugin/q7BXfRYcypLWshgn/images/favicon.svg?fit=max\u0026auto=format\u0026n=q7BXfRYcypLWshgn\u0026q=85\u0026s=36ad7eca402a76cccf6c193cfaa5423b","appearance":{"default":"system"},"navbar":{"links":[{"href":"/website","label":"Website"}],"primary":{"type":"button","label":"Get FormsPlugin","href":"https://www.framer.com/marketplace/plugins/forms-plugin/"}},"footer":{"socials":{"x":"https://x.com/FramerGeeks","website":"https://frammerce.com/"}},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"formsplugin","hasAudioNarration":false,"actualSubdomain":"formsplugin","customDomains":["formsplugin.com"],"gitSource":{"type":"github","owner":"nirav2204","repo":"forms-plugin-docs-mintlify","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{},"buildId":"6ae9baabb0f3e6b97b89615e","clientVersion":"0.0.4142","searchFilterCounts":[{"language":"default","tag":"Documentation","count":33},{"language":"default","tag":"Integrations","count":15},{"language":"default","tag":"Creating Forms","count":6},{"language":"default","tag":"Field Types","count":4},{"language":"default","tag":"Getting Started","count":3},{"language":"default","tag":"Plans \u0026 Pricing","count":2},{"language":"default","tag":"Help \u0026 Support","count":2},{"language":"default","tag":"Changelog","count":1},{"language":"default","tag":"Overview","count":1},{"language":"default","tag":"Roadmap","count":1}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"getting-started/quick-start","slug":"/getting-started/quick-start","pageMetadata":{"title":"Quick Start","description":"Create your first form with Forms Plugin in just a few steps.","icon":"rocket","href":"/getting-started/quick-start"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Create your first form with Forms Plugin in just a few steps.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage,Table,Tip}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`1`,id:`quick-start`,children:`Quick Start`}),`\n`,_jsx(_components.p,{children:`This guide walks you through creating your first form with Forms Plugin. By the end, you’ll have a working form component placed on your Framer canvas, ready to customize.`}),`\n`,_jsx(Heading,{level:`2`,id:`the-home-screen`,children:`The Home Screen`}),`\n`,_jsxs(_components.p,{children:[`When you open Forms Plugin, you land on the `,_jsx(_components.strong,{children:`home screen`}),`. This is your starting point for everything in the plugin.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=3dd10981417b42dc86b5369b2832b4f6`,alt:`Forms Plugin home screen`,\"data-og-width\":`1040`,width:`1040`,\"data-og-height\":`1024`,height:`1024`,\"data-path\":`images/screenshots/getting-started/home-screen.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=280\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=6258f9e8a505f441f8f7d4a8febce67d 280w, https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=560\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=abf4f081a5e28edb9cac0d8f69fc8b97 560w, https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=840\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=5459422a4e98f0cabf065dce0e223d6b 840w, https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=1100\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=b7a98f957b12db7dd7e1b6a4c3638326 1100w, https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=1650\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=ca62609eb729c9aa769a7d6d1147f737 1650w, https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/getting-started/home-screen.png?w=2500\u0026fit=max\u0026auto=format\u0026n=nuH6w9HyT7O56VW4\u0026q=85\u0026s=f4a179de775b627225290348747ce9fd 2500w`})}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Get Started`}),` section contains six actions:`]}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Action`}),_jsx(_components.th,{children:`What it does`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Create New Form`})}),_jsx(_components.td,{children:`Build a form from scratch`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Templates`})}),_jsx(_components.td,{children:`Browse the form template library`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Fields`})}),_jsx(_components.td,{children:`Explore available field types`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Integrations`})}),_jsx(_components.td,{children:`Connect to third-party tools`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Help`})}),_jsx(_components.td,{children:`Access documentation and support`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Roadmap \u0026 Ideas`})}),_jsx(_components.td,{children:`View upcoming features and share feedback`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`option-a-create-a-form-from-scratch`,children:`Option A: Create a Form from Scratch`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`On the home screen, click `,_jsx(_components.strong,{children:`Create New Form`})]}),`\n`,_jsxs(_components.li,{children:[`A `,_jsx(_components.code,{children:`single-step-form`}),` component is inserted directly onto your Framer canvas`]}),`\n`,_jsx(_components.li,{children:`The form is now selected in the canvas - you can resize and reposition it like any other Framer element`}),`\n`,_jsxs(_components.li,{children:[`Use the `,_jsx(_components.strong,{children:`Fields`}),` section in the plugin to browse and add field types to your form`]}),`\n`]}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`Start with a blank form when you need full control over every field and layout. This is the best option for custom designs.`})}),`\n`,_jsx(Heading,{level:`2`,id:`option-b-start-from-a-template`,children:`Option B: Start from a Template`}),`\n`,_jsx(_components.p,{children:`Templates let you skip the setup and launch with a professionally designed form:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`On the home screen, click `,_jsx(_components.strong,{children:`Templates`})]}),`\n`,_jsx(_components.li,{children:`Browse the form template library - use the search bar to filter by name`}),`\n`,_jsx(_components.li,{children:`Click a template card to see a preview`}),`\n`,_jsxs(_components.li,{children:[`Click `,_jsx(_components.strong,{children:`Insert Template`}),` to add it directly to your canvas`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`Some templates are marked with a `,_jsx(_components.strong,{children:`Pro`}),` or `,_jsx(_components.strong,{children:`Scale`}),` badge, which means they require a paid plan to insert. See `,_jsx(_components.a,{href:`/plans/overview`,children:`Plans \u0026 Pricing`}),` for details.`]}),`\n`,_jsx(Heading,{level:`2`,id:`add-fields-to-your-form`,children:`Add Fields to Your Form`}),`\n`,_jsx(_components.p,{children:`Once a form is on the canvas:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`Click `,_jsx(_components.strong,{children:`Fields`}),` on the home screen (or from the plugin navigation)`]}),`\n`,_jsxs(_components.li,{children:[`Browse the `,_jsx(_components.strong,{children:`Basic`}),`, `,_jsx(_components.strong,{children:`Advanced`}),`, or `,_jsx(_components.strong,{children:`CAPTCHA`}),` tabs`]}),`\n`,_jsx(_components.li,{children:`Click a field to add it to your form`}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`/creating-forms/form-fields`,children:`Form Fields`}),` for a full overview of the Fields page.`]}),`\n`,_jsx(Heading,{level:`2`,id:`next-steps`,children:`Next Steps`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/field-types/basic-fields`,children:`Learn about all available field types`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/integrations/overview`,children:`Connect your form to an integration`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/plans/overview`,children:`Upgrade your plan to unlock more features`})}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Quick Start","description":"Create your first form with Forms Plugin in just a few steps.","icon":"rocket","href":"/getting-started/quick-start"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Quick Start","slug":"quick-start","depth":1,"children":[]},{"title":"The Home Screen","slug":"the-home-screen","depth":2,"children":[]},{"title":"Option A: Create a Form from Scratch","slug":"option-a-create-a-form-from-scratch","depth":2,"children":[]},{"title":"Option B: Start from a Template","slug":"option-b-start-from-a-template","depth":2,"children":[]},{"title":"Add Fields to Your Form","slug":"add-fields-to-your-form","depth":2,"children":[]},{"title":"Next Steps","slug":"next-steps","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"formsplugin","siteName":"Forms Plugin","title":"Quick Start - Forms Plugin","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-04-20T12:43:54.002Z","originalFileLocation":"getting-started/quick-start.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Create your first form with Forms Plugin in just a few steps.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Forms Plugin\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Quick Start - Forms Plugin\">\u003cmeta data-mint-head property=\"og:description\" content=\"Create your first form with Forms Plugin in just a few steps.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Forms Plugin\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://formsplugin.com/docs/getting-started/quick-start\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://formsplugin.mintlify.site/docs/_mintlify/api/og/v2?division=Getting+Started\u0026amp;title=Quick+Start\u0026amp;description=Create+your+first+form+with+Forms+Plugin+in+just+a+few+steps.\u0026amp;theme=714f3ce45d4b03189894382a\u0026amp;signature=a9bc32e3332442ea2f4bb33d4dd9e66ccf367ea0f3f95e39fa35daf8e71a2edf\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Quick Start - Forms Plugin\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Create your first form with Forms Plugin in just a few steps.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://formsplugin.mintlify.site/docs/_mintlify/api/og/v2?division=Getting+Started\u0026amp;title=Quick+Start\u0026amp;description=Create+your+first+form+with+Forms+Plugin+in+just+a+few+steps.\u0026amp;theme=714f3ce45d4b03189894382a\u0026amp;signature=a9bc32e3332442ea2f4bb33d4dd9e66ccf367ea0f3f95e39fa35daf8e71a2edf\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/formsplugin/eGb6U-jmw_OrdM2s/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Forms Plugin\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0066FF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://formsplugin.com/docs/getting-started/quick-start\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/getting-started/quick-start.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://formsplugin.com/#organization\",\"name\":\"Forms Plugin\",\"url\":\"https://formsplugin.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/formsplugin/Hj_kwm7VoopjOSlK/images/logo-full.png?fit=max\u0026auto=format\u0026n=Hj_kwm7VoopjOSlK\u0026q=85\u0026s=6cf4719eb112fdc86a9352ba86c8976e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://formsplugin.com/docs#website\",\"name\":\"Forms Plugin\",\"url\":\"https://formsplugin.com/docs\",\"publisher\":{\"@id\":\"https://formsplugin.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://formsplugin.com/docs/getting-started/quick-start#webpage\",\"url\":\"https://formsplugin.com/docs/getting-started/quick-start\",\"name\":\"Quick Start\",\"description\":\"Create your first form with Forms Plugin in just a few steps.\",\"dateModified\":\"2026-04-20T12:43:54.002Z\",\"isPartOf\":{\"@id\":\"https://formsplugin.com/docs#website\"},\"breadcrumb\":{\"@id\":\"https://formsplugin.com/docs/getting-started/quick-start#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://formsplugin.com/docs/getting-started/quick-start#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Getting Started\",\"item\":\"https://formsplugin.com/docs/getting-started/installation\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quick Start\",\"item\":\"https://formsplugin.com/docs/getting-started/quick-start\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://formsplugin.com/docs/getting-started/quick-start#article\",\"headline\":\"Quick Start\",\"name\":\"Quick Start\",\"description\":\"Create your first form with Forms Plugin in just a few steps.\",\"url\":\"https://formsplugin.com/docs/getting-started/quick-start\",\"mainEntityOfPage\":{\"@id\":\"https://formsplugin.com/docs/getting-started/quick-start#webpage\"},\"dateModified\":\"2026-04-20T12:43:54.002Z\",\"publisher\":{\"@id\":\"https://formsplugin.com/#organization\"},\"isPartOf\":{\"@id\":\"https://formsplugin.com/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Forms Plugin\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Forms Plugin\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/docs/getting-started/quick-start.md","siteName":"Forms Plugin","nav":{"global":null,"tabs":[{"tab":"Documentation","groups":[{"group":"Overview","pages":[{"title":"Welcome to Forms Plugin","icon":"house","href":"/introduction"}]},{"group":"Getting Started","pages":[{"title":"Installation","description":"How to install Forms Plugin from the Framer Marketplace and open it in your project.","icon":"download","href":"/getting-started/installation"},{"title":"Quick Start","icon":"rocket","href":"/getting-started/quick-start"},{"title":"Authentication","description":"How to sign in to Forms Plugin and manage your account.","icon":"lock","href":"/getting-started/authentication"}]},{"group":"Creating Forms","pages":[{"title":"Create a New Form","icon":"plus","href":"/creating-forms/create-new-form"},{"title":"Build Form with AI","icon":"sparkles","href":"/creating-forms/build-with-ai"},{"title":"Using Templates","icon":"grid-2","href":"/creating-forms/using-templates"},{"title":"Form Fields","icon":"list","href":"/creating-forms/form-fields"},{"title":"Conditional Logic","icon":"code-branch","href":"/creating-forms/conditional-logic"},{"title":"URL Source Collector","icon":"link","href":"/creating-forms/url-source-collector"}]},{"group":"Field Types","pages":[{"title":"Basic Fields","icon":"keyboard","href":"/field-types/basic-fields"},{"title":"Advanced Fields","icon":"sliders","href":"/field-types/advanced-fields"},{"title":"File Upload","icon":"upload","href":"/field-types/file-upload"},{"title":"CAPTCHA Fields","icon":"shield-check","href":"/field-types/captcha-fields"}]},{"group":"Integrations","pages":[{"title":"Integrations Overview","icon":"plug","href":"/integrations/overview"},{"title":"Submission History","icon":"clock-rotate-left","href":"/integrations/submission-history"},{"title":"Google Drive","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/google-drive.png","href":"/integrations/google-drive"},{"title":"Brevo","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/brevo.svg","href":"/integrations/brevo"},{"title":"HubSpot","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/hubspot.svg","href":"/integrations/hubspot"},{"title":"Mailchimp","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/mailchimp.svg","href":"/integrations/mailchimp"},{"title":"MailerLite","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/mailerlite.svg","href":"/integrations/mailerlite"},{"title":"ConvertKit (Kit)","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/convertkit.svg","href":"/integrations/convertkit"},{"title":"Klaviyo","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/klaviyo.svg","href":"/integrations/klaviyo"},{"title":"ActiveCampaign","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/activecampaign.svg","href":"/integrations/activecampaign"},{"title":"Drip","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/drip.svg","href":"/integrations/drip"},{"title":"Beehiiv","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/beehiiv.svg","href":"/integrations/beehiiv"},{"title":"HighLevel","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/gohighlevel.svg","href":"/integrations/gohighlevel"},{"title":"Framer CMS","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/framer.svg","href":"/integrations/framer-cms"},{"title":"FluentCRM","icon":"https://mintlify.s3.us-west-1.amazonaws.com/formsplugin/images/icons/fluentcrm.svg","href":"/integrations/fluentcrm"}]},{"group":"Plans \u0026 Pricing","pages":[{"title":"Plans \u0026 Pricing","icon":"credit-card","href":"/plans/overview"},{"title":"Activate a License","icon":"key","href":"/plans/activate-license"}]},{"group":"Help \u0026 Support","pages":[{"title":"FAQ","icon":"circle-question","href":"/support/faq"},{"title":"Contact \u0026 Support Me","icon":"headset","href":"/support/contact"}]}]},{"tab":"Changelog","pages":[{"title":"Changelog","href":"/changelog"}]},{"tab":"Roadmap","pages":[{"title":"Roadmap","href":"/roadmap"}]}]},"basePath":"","title":"Quick Start - Forms Plugin","buildId":"dpl_eBQnj73Q1gDRVNqNsS3Yt9yPkTEW","deploymentId":"dpl_eBQnj73Q1gDRVNqNsS3Yt9yPkTEW","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DgoblLk9.js","DynamicMarkdown-CAm7Qzqi.js","zoom-image-lightbox-C9iRi_CV.js","lightbox-handle-r17bVUz3.js"]}