Help Center

Landing Pages: Auto Form Connect & Field Mapping

Landing pages created with the AI Landing Page Builder automatically connect their forms to LeadCenter and map common fields for you. When you save an AI-generated landing page, LeadCenter detects the form, creates a connected form record, and ensures new submissions immediately create contacts—without manual setup.

What This Feature Does

• Automatically detects forms: The first form found on an AI-generated landing page is identified automatically.
• Creates a connected form: Each landing page creates its own connected form inside LeadCenter.
• Auto-maps common fields: Fields like first name, last name, email, phone, and message are recognized and mapped automatically.
• Keeps everything in sync: Saving the page again refreshes the form selector and field mappings.
• No manual configuration required: In most cases, no additional setup is needed.

How Automatic Form Connection Works

When you save a landing page created with the AI Landing Page Builder, LeadCenter automatically:

• Finds the form on the page.
• Connects the form to LeadCenter.
• Maps common input fields to the correct contact fields.

Once connected, new form submissions are captured automatically and added as contacts in LeadCenter.

Note: If no form is found on the page, the system safely skips form connection without errors.

Getting Started

• Create or edit landing pages from the Marketing Dashboard by opening AI Web Builder from the left menu and clicking + New Landing Page.
• You can also access landing pages directly at https://app.leadcenter.ai/dashboard/marketing/landing-pages .

How to Use Automatic Form Mapping

1. Open Marketing Dashboards → AI Web Builder.
2. Create or edit a landing page using the AI Landing Page Builder.
3. Include a simple form (for example: name, email, phone, message).
4. Click Save.
5. The form is automatically connected and ready to capture submissions.

If your custom domain is configured, you can immediately open a public preview or live page link.

Managing Connected Forms

You can review and manage connected landing page forms at any time:

• Navigate to Settings → Contact Capturing → External Forms, or
• Open https://app.leadcenter.ai/dashboard/external-forms/forms .

Each AI landing page has its own connected form, making it easy to manage tracking and submissions.

Field Mapping Details

• Common fields are mapped automatically: Name, email, phone, and message fields are detected and linked.
• Clear input names help: Input names like first_name, email, and phone improve mapping accuracy.
• Updates stay in sync: If you modify the page HTML or form structure and save again, mappings refresh automatically.

Tip: You can still adjust field mappings manually later if your form uses custom or advanced fields.

What Happens After Submission

• Each form submission is captured automatically.
• A new contact is created in LeadCenter (or an existing contact is updated).
• The submission appears in your lead activity and reporting.

Why This Matters

• Launch AI-generated landing pages faster with zero form setup.
• Eliminate manual form connection and field mapping steps.
• Ensure every AI landing page captures inquiries automatically.
• Reduce setup errors and missed leads.

Want a quick walkthrough? Watch our short video on building a ready-to-use landing page with AI .

Need Assistance?

If you have questions about AI landing pages, automatic form connection, or field mapping, contact LeadCenter Support at support@leadcenter.ai.