Hosted Form Page
Every form in staticq can optionally have a hosted page — a public URL that renders a ready-made form. This is useful when you don’t want to build your own HTML form or just need a quick way to collect submissions.
How it works
When you enable the hosted page for a form, it becomes accessible at:
https://forms.staticq.app/{slug}By default, the page renders a contact form with three fields: name, email, and message. You can customize these fields to match your use case — add, remove, or reorder fields, change labels, mark fields as required, and more.
The hosted page posts to the same submission endpoint (/q/{slug}) as embedded forms, so all your connectors (email notifications, webhooks) work exactly the same way.
Enable a hosted page
- Open the form in the dashboard.
- Find the Hosted page toggle in the form settings.
- Turn it on.
Your hosted page URL is shown next to the toggle once enabled.
Hosted pages are disabled by default on new forms.
Configure fields
Once the hosted page is enabled, a Fields section appears on the form detail page. This is where you configure which fields appear on your hosted form.
Supported field types
| Type | Description |
|---|---|
| Short text | A single-line text input |
| Email address | A text input that validates email format |
| Long text | A multi-line textarea |
| Dropdown | A select menu — pick one option from a list |
| Checkbox | A yes/no toggle |
| Radio buttons | Pick one option from a visible list |
Adding fields
Click Add field below the field list, then choose a field type. The new field appears at the bottom of the list and expands so you can edit its properties.
Field properties
Each field has these editable properties:
- Label — Displayed above the field on the hosted page (e.g., “Your name”, “Email address”).
- Placeholder — Hint text shown inside the field when empty. Not available for checkbox or radio types.
- Help text — A short description shown below the field (e.g., “We’ll never share this.”).
- Required — Whether the field must be filled in before the form can be submitted.
- Options — For dropdown and radio fields only. Each option has a label (what visitors see) and a value (what gets stored in submission data).
- Field name (Advanced) — The key used in submission data. Auto-generated from the label. Only change this if you need a specific key for an integration.
Reordering fields
Use the up/down arrow buttons on each field row to change the order. Fields appear on the hosted page in the order they’re listed.
Removing fields
Expand a field and click the trash icon to remove it. If the form has existing submissions, you’ll see a confirmation — removing a field doesn’t delete existing submission data, but new submissions won’t include that field.
Saving changes
Changes to your fields are not saved automatically. Click Save fields when you’re done editing. The button is disabled until you make a change.
Submit button label
You can customize the text on the hosted form’s submit button. Find the Submit button label field in the form settings (visible when the hosted page is enabled). Leave it empty to use the default: “Submit” for custom field configurations, or “Send message” for the default contact form.
Appearance
Customize the look and feel of your hosted page to match your brand. Appearance settings are in the form settings section (visible when the hosted page is enabled).
Accent color
The accent color is used for buttons, focus rings, and the staticq wordmark. Pick a color from the preset swatches, type a hex value (e.g., #dc2626), or use the native color picker. Leave empty to use the default indigo.
Background style
Choose how the hosted page looks:
- Light — Light background with dark text (default).
- Dark — Dark background with light text.
- Auto — Matches the visitor’s system preference (light or dark mode).
The accent color is automatically adjusted for contrast on dark backgrounds.
Font
Choose from eight curated fonts: Geist (default), Inter, DM Sans, Source Serif 4, Space Grotesk, Nunito, Lora, and JetBrains Mono. Each font is loaded from Google Fonts.
Preview
Click the Preview your form link below the appearance controls to see your changes. The hosted page always reflects the latest saved settings.
Appearance settings are available on all plans, including Free.
After submission
When someone submits the hosted form:
- With JavaScript: The form is replaced with a confirmation message without a page reload.
- Without JavaScript: The visitor is redirected to the same page with a success message.
If you have a custom redirect URL configured, that always takes priority — the visitor will be redirected to your custom URL instead of the hosted page success state.
Limits
- Maximum 20 fields per form.
- Maximum 50 options per dropdown or radio field.
- Field configuration is available on all plans, including Free.
”Powered by staticq” badge
Hosted pages on the Free plan display a small “Powered by staticq” badge below the form. The badge links back to staticq.app.
The badge is removed automatically when your organization upgrades to Pro or above — no configuration needed. There is no toggle to show or hide it manually.
Not-found page
If someone visits a hosted page URL for a form that doesn’t exist or has the hosted page disabled, they see a generic “Form not found” message. The response is identical in both cases to prevent exposing whether a form slug is valid.