Form Editor

In this guide, you will find the Forms area, edit the form name, submit button, success message, field types, dropdown options, and required rules. Estimated time: 8 minutes.

Forms collect visitor inquiries. Popups, contact sections, and inquiry buttons usually connect to a form that already exists in the admin.
If you only want to place a form in a popup button, read Popup Form. If you need to change fields or dropdown options, use this guide.

Test after editing

A saved backend form does not prove frontend delivery. After changing fields, submit one test from the live frontend and confirm the notification email receives complete data.

Find the Entry

Path: AllinCMS Workspace site list → Target site → Enter Admin → Forms

1Enter the target site adminFind the site you want to edit and click Enter Admin

2Open Forms in the sidebarFind Forms under Design to create, edit, or manage reusable forms

Overview

1Open form list

2Create or edit form

3Edit form settings

4Edit fields and options

5Save and publish

6Submit frontend test

1. Open the Form List

After entering the site admin, open Forms in the left sidebar. This manages reusable forms, not a single popup module in the page designer.

The form list usually includes:

Area	Purpose
Create	Create a new form
Form name	Identify the current form
Slug	Internal form identifier; avoid changing it casually
Fields	How many fields the form has
Row ...	Edit, duplicate, delete, or other row actions

If you only need to edit the existing inquiry form, use the row ... action first. Do not create many duplicate forms.

2. Edit Form Settings

On the form edit page, start with Form Settings.

Common settings:

Field	How to use it	Note
Name	Backend form name, such as Contact Inquiry	Not always shown to visitors
Slug	Internal form identifier	Avoid frequent changes after the form is linked
Description	Backend note for the form purpose	Example: homepage inquiry form
Submit button text	Frontend button text, such as Send message or Submit	Use clear wording
Success message	Message shown after submission	Tell visitors the message has been sent

After changing settings, click Update when the button becomes available.

3. Open the Field Editor

In Form Preview, click the pencil icon to open the field editor. The editor has three main areas:

Area	Purpose
Left Fields	Field modules that can be dragged into the form
Center Canvas	Current field layout and preview
Right properties panel	Settings for the selected field

Beginner rule: select the field in the center canvas first, then edit the right-side properties.

4. Only Edit the Essential Fields

Do not make the first inquiry form complicated. Start with these 4 fields:

Frontend field	Left module	Required	Note
Name	Text	Yes	Visitor name or company
Email	Email	Yes	Used for reply
Topic	Select	Yes	Lets visitors choose inquiry type
Message	Textarea	Yes	Visitor request details

Ignore the other modules at first. Add Number, Date, or another Text field only when you really need quantity, delivery date, or phone information.

5. Edit Dropdown Options

When you want to change the dropdown choices in a form, select the Topic Select field.

Topic is only the default field name. You can rename it to something like Inquiry Type or Request Type, or remove it if the form does not need a dropdown. Each dropdown option label can also be deleted or changed to match your business.

Steps:

1. Select Topic in the center canvas.
2. Find Options on the right.
3. Edit each option's Label.
4. Delete unused options, or add new options when needed.
5. Use lowercase English with hyphens for Value.
6. Save and publish the form.

Remember this

Label is what visitors see. Value is the data received in the backend.

Common options:

Label	Value
Product question	product-question
Order support	order-support
Wholesale inquiry	wholesale-inquiry
General message	general-message

6. Save, Publish, and Test

After editing fields, check only these 4 things:

1. Click Update or Save.
2. Publish the form if it is not published.
3. Return to the page or popup and confirm it is using this form.
4. Open the frontend, submit one test, and confirm the notification email receives it.

Suggested test:

Name: Test
Email: your-email@example.com
Topic: Product question
Message: TEST - form field update delivery test

Pitfalls

Problem	Fix
Frontend dropdown is still old	Check whether the form was saved/published and whether the page or popup uses the correct form
Backend data is unclear	Set Value to lowercase English with hyphens
No email is received	Check the notification email in Site Settings
Popup is empty	Select the form again in Popup Form

Next

Popup Form - bind the edited form to a page button or popup.