Build a website form with AI

Home > Ontraport for marketing > Forms > Build a website form with AI

Home > Forms > Build a website form with AI

Use AI to create a website form, review its fields and settings, then test it on a real web page.

In this lesson you'll learn:

Connect an AI client and describe the form
Review and approve the proposed fields and settings
Publish through your website workflow and test the form

Next lesson

Return to: Forms

Comments

[Block//Author//First Name ##cap_first] [Block//Author//Last Name ##cap_first] on [Block//Date Added %F j, Y g:i a%+0d0h0m]

[Block//Comment]

Leave your comment

14-day free trial. No commitment.

Start your free trial to start growing your business with Ontraport.

Related resources

[Block//Resource Type]

[Block//Resource Name]

[Block//Resource Description ##ellipsis(166)]

Transcript

If you build or edit your website with an AI tool, you can ask it to add an Ontraport form. It can create a new form or reuse one you already have, match it to your site's design, and connect it to your Ontraport account. When someone submits it, their information goes straight into Ontraport, with the form's tags, automations, opt-in and tracking applied. Here's how to set one up, test it, and know its limits. A few things aren't supported yet. These forms can't be order forms or take payments, and they don't support captcha, conditional redirects or sequences. Image, file, parent, rollup, related data and password fields aren't available either. If you need any of those features, choose another form builder, as covered in When to use each form builder. Creating the Ontraport form doesn't publish your website. Publish through your website's normal workflow when you're ready. You'll need four things: an Ontraport login with permission to create forms, an AI tool connected to your account through Ontraport's MCP server, a website project your AI can edit, and an email address you can use for a test. The Connect AI tools with MCP lesson covers the connection. Open your AI tool and make sure it's connected to the right Ontraport account. Then ask in your own words. Say what the form is for, which fields you want, which ones are required, and what should happen after someone submits. Keep it short. Ask only for the fields you need, because you can add more later without creating a new form. If you already have a form with the right tags and automations, ask your AI to reuse it, so all your leads follow the same path. Before it creates anything, review what your AI proposes: the fields, which ones are required, the tags, the automations, the opt-in, and what visitors see after they submit. Double-check the tags and automations, because they control what happens after every submission. It can also set a notification email and the contact owner, and use common field types like text, email, phone, address, dropdowns, checkboxes and dates. When you approve, your AI creates the form in Ontraport and adds it to your website, styled to match. Forms can create or update contacts, or records in your custom objects. If someone submits with an email that's already in Ontraport, it updates that record, and fields left blank won't erase what's already saved. Test before you publish your site. Open it in a browser from a web address, not from a file on your computer and not inside the AI app, because those won't submit. Check it on desktop and on mobile. To test tracking, add the test UTM source shown here to the end of the page address. Then submit with an email address you control. Find the record in Ontraport and check the values, including the UTM source, the tags, the automations and the opt-in, and make sure you landed on the right page. After you publish, submit once more from your live website. Forms made this way appear in your Forms collection under the name you gave them, labeled API Form. You can't edit them in Ontraport's form editor. Clicking one shows a read-only summary. To change a form, ask your AI. It updates the same form instead of creating a new one. Design changes, like colors or button text, only change your website. Changes to fields or settings update the form in Ontraport, so your AI confirms them with you first. So: connect your AI, ask for the form, review the fields and settings before you approve, test from a real web address, and make every change through your AI. Next up: an overview of how pages work.