Web Forms & Publishing

Switching to Web Form mode Available on StarterAvailable on GrowthAvailable on Business

Click Web Form in the editor header to switch modes. The editor shifts to a dedicated web form view — the canvas shows a live preview of your published form, the left sidebar shows management controls, and the right sidebar gives you styling options.

Click PDF to return to the PDF editor. Any unsaved changes are saved automatically before the switch.

Publishing your form

In Web Form mode, the left sidebar shows a Publish as Web Form button if your form hasn’t been published yet. Click it to create a live form at a unique URL (formgenius.co.uk/f/[slug]). Anyone with the link can access and submit the form without an account. The web form is WCAG 2.2 AA compliant.

The form locking system

When a form is published and active, the PDF editor displays a lock banner. This prevents you accidentally changing a form that people are currently submitting.

You have two options:

Duplicate to edit

Creates a copy of the form that you can edit freely. The original published form continues to collect submissions unchanged. Once you’re happy with your changes, you can publish the duplicate as a replacement.

Pause for editing

Temporarily suspends new submissions and unlocks the PDF editor. A blue banner appears indicating the form is paused. Switch to Web Form mode and click Resume (go live) in the left sidebar to make the form live again.

Custom URL slugs Available on Business

By default, your form URL is formgenius.co.uk/f/[random-id]. Business plan users can customise the slug — the part after /f/ — to something readable like formgenius.co.uk/f/volunteer-application. Find this option in the Form URL section of the Web Form mode left sidebar.

Slugs must be 3–40 characters, lowercase letters, numbers, and hyphens only. Each slug must be unique across all FormGenius forms.

Embedding your form Available on StarterAvailable on GrowthAvailable on Business

Any published form can be embedded in another website using an <iframe>. The embed code is in the Embed code section of the Web Form mode left sidebar. Paste it into your website’s HTML.

The embed script automatically adjusts the iframe height to fit the form content exactly — no scrollbars inside the iframe, no fixed height to maintain.

Confirmation messages Available on Growth & Business

By default, after a user submits your web form they see a standard “Thank you, your response has been submitted” message. Growth and Business users can customise this message in the Confirmation message section of the Web Form mode left sidebar.

Use the confirmation message to tell users what happens next — when they’ll hear back, what the next step is, or where to go for more information.

Email notifications Available on Growth & Business

Growth and Business users can receive a digest email when new submissions arrive. Find this in the Email notifications section of the Web Form mode left sidebar. You can choose daily, weekly, or monthly digests. Emails are only sent when there are new submissions to report.

Styling your web form Available on Growth & Business

Growth and Business users can customise the appearance of their published web form using the styling panel on the right side of the Web Form mode. Changes are saved automatically and update the live form immediately.

Colours

Set background, field, label, and body text colours. An inline warning appears if any colour combination fails WCAG AA contrast requirements.

Font

Choose a font family, adjust base font size, and control heading and label weight/size.

Submit Button

Customise the submit button label text, background colour, text colour, and corner rounding.

Fields

Adjust field border radius, border width, focus indicator colour, and input padding (Compact, Default, or Spacious).

Hiding content from the web form

The Visibility tab in the right-hand styling panel lets you hide elements from the published web form while keeping them in the exported PDF. Switch to Web Form mode, open the right sidebar, and go to the Visibility tab.

At the top of the list is a Form title toggle. Hide it when your form is embedded in a page that already has its own heading, or when you want a clean, titleless layout.

Below the title toggle, each heading, paragraph, and image element in your form is listed with its own toggle. This is useful for content that only makes sense in a printed or PDF context:

• Page numbers (e.g. “Page 1 of 2”)
• Print instructions (e.g. “Return this form by post to…”)
• Signature or witness lines that only apply to physical documents
• Decorative images or logos that are part of your PDF branding

For images, the Visibility tab also gives you controls for size (small, medium, or large) and alignment (left, centre, or right) on the web form — independent of how the image appears in the PDF.