How to Create a Contact Form in Pixelesq
Quick Answer
Go to Forms in your sidebar → Click Create Form → Add fields manually or describe your form and let AI generate them → Save → Add a form section to your page → Publish.
What You Need
- A Pixelesq account with an active project
- At least one page where you want to embed the form
Step 1: Create a New Form
In your project dashboard, click Forms in the sidebar → Click Create Form → Give your form a name (e.g., "Contact Form" or "Get in Touch").
Step 2: Add Fields to Your Form
Manual Way
Click Add Field to add fields one by one. For each field, choose:
- Field type: Text, Email, Textarea, Select, Checkbox, Radio, Phone, Number
- Label: What users see (e.g., "Full Name", "Email Address")
- Required: Toggle on for mandatory fields
- Half width: Toggle on to place two fields side by side
- Help text: Optional hint below the field
A typical contact form includes:
- Name (text, required)
- Email (email, required)
- Phone (text, optional)
- Message (textarea, required)
AI Way
Instead of adding fields manually, describe your form in plain English. For example:
"Contact form for a marketing agency with name, email, phone, company name, budget range dropdown, and a message field."
Pixelesq's AI generates all the fields with the right types, labels, validation, and layout. Review the result and tweak any field if needed. This saves significant time, especially for longer forms.
Step 3: Configure Form Settings
Set your form's success message (what users see after submitting), and optionally a redirect URL if you want to send them to a thank-you page instead.
Step 4: Add the Form to a Page
Go to your page in the editor → Click Add Section → Browse to the Form section group → Choose a form layout (SimpleForm or FormInCard) → In the section settings, select your newly created form from the dropdown.
The form section pulls in all your fields and renders them with your site's theme and styling.
Step 5: Publish and Test
Publish your page → Visit the live page → Submit a test entry → Check that it appears in your dashboard under Forms → [Your Form] → Submissions.
Pro Tips
- Use half-width fields for Name + Email or First Name + Last Name side by side. It looks cleaner and saves vertical space.
- Add help text to complex fields (like "Budget Range" or "Project Timeline") to reduce confusion and improve completion rates.
- Set up a webhook to get instant notifications in Slack or email when someone submits. Go to the Webhooks section in Settings to connect it.
- Duplicate forms to create variants for different pages (e.g., a "Contact" form and a "Request a Demo" form with extra qualifying fields).
- Keep it short: Forms with 3-5 fields convert significantly better than long forms. Only ask for what you truly need.
Troubleshooting
Form isn't showing on the page
- Make sure you selected your form in the form section's settings dropdown
- Check that the page has been published (not just saved as draft)
Submissions aren't appearing in the dashboard
- Test on the published page, not the editor preview
- Check that all required fields are filled in when testing
- Clear your browser cache and try again
Form styling doesn't match my site
- Form sections inherit your project's theme. If the styling looks off, check that your theme is applied correctly to the page.
Can I add a contact form to any page in Pixelesq?
Yes. Pixelesq has dedicated form sections (SimpleForm and FormInCard) that you can add to any page. Create your form once, then embed it into as many pages as you need by adding a form section and selecting it from the dropdown.
Where do form submissions go?
All submissions are stored in your Pixelesq dashboard under Forms → [Your Form] → Submissions. You can view, search, and manage all responses from there. You can also set up webhooks to forward submissions to Slack, email, or any external tool.
Can I get notified when someone submits a form?
Yes. Set up a webhook in Settings → Webhooks to send form submissions to Slack, email services, or any tool that accepts webhooks. You can also connect to Zapier or Make for more advanced automations.
Can AI build my form for me?
Yes. In the form builder, describe your form in plain English (e.g., "contact form for a consulting agency with name, email, phone, and project details") and Pixelesq's AI generates the fields, labels, types, and validation rules for you. You can then customize any field.
What field types does Pixelesq support?
Pixelesq supports text, email, textarea, phone, number, select (dropdown), multi-select, checkbox, and radio button field types. Each field can be marked as required, set to half-width for side-by-side layout, and given help text.
