Adding a form to your website

Make a saved form available from your website by linking to its full-page form or placing a Form block inside a page. Then test the route visitors will actually use and confirm that a submission reaches View submissions.

The form and the page that contains or links to it are saved separately. Making a form live does not automatically add it to a page, menu, or footer.

Choose a link or an embedded form

Use a link or button when you want visitors to open the form on its own page. This gives them the question-by-question experience configured in Forms, including the full-page layout and image settings. It is useful when several pages should lead to the same form.

Use a Form block when visitors should answer without leaving the page. The standard embedded form shows its questions together within the page's layout. It uses the saved form's questions, required answers, submit label, and confirmation settings, while the surrounding page controls its placement and appearance.

Both can reference the same saved form. You do not need to create a new form for every page that uses it. If two placements need different questions or different follow-up behavior, create separate forms deliberately and check which one each page uses.

Prepare the form before placing it

1. Open Forms and find the intended form. Use Edit form to check its title, questions, required settings, submit button, and thank-you message.
2. Review any Add people to a mailing list settings. Decide whether the form only collects an inquiry or also offers a subscription, and make that purpose clear to visitors.
3. When ready to accept answers, switch Live on under On your site and select the form-level Save. Confirm Changes saved. and Active in the overview.
4. Select Open form and confirm that it opens the intended public form. Keep this address for the link option below.

If you still need to create the form, follow Creating a contact or inquiry form. For its own page's layout and confirmation, see Designing a form and thank-you screen.

Use the actual public address from Open form. An admin editing address or a private preview link is not the destination to share with customers.

Link to the full-page form

1. Copy the address of the intended form from Open form.
2. Open the page that should lead to it. Select the relevant button or link, or add a Buttons or CTA block in the visual editor.
3. Give the action a descriptive label, such as “Request a quote” or “Send an inquiry,” and set its destination to the copied public form address. Replace any starter's sample destination.
4. Preview the page, save or publish it as appropriate, and follow the actual public link to confirm the correct form opens.

In a Buttons block, enter the button text in Label and the address in Link.

For a form on the same site, a path beginning with / can also be used. Copy that path from the verified public address rather than guessing it from the form's title. For a link from another website, use the full address including https:// and your domain.

To add the form to a website menu, open Site → Menus, edit the intended menu, and use Add link. Enter its Label and paste the public form address or same-site path into Destination. A generated form route may not appear in the published-page chooser; you can enter its verified destination directly.

Review the menu before Save: saving website menu changes publishes them immediately. Check the signed-out and signed-in menus separately where both are used. See Editing desktop and mobile navigation.

If the form belongs in your footer, follow Updating your footer and site-wide links, then test that link from a public page too.

Place a Form block inside a page

1. Go to Site → Pages, find the intended page, and choose Edit page. Open Visual Builder if the editor offers several workspaces. Check whether the page is already published before saving any edits.
2. In Builder, choose an empty cell where the form should appear, or add a section. In Add to page, search for Form and insert the block.
3. Select the inserted form on the canvas. In the inspector's Form picker, select the saved form by title. Check the selection even if the block already displays a default contact form.
4. Review Heading Override and Body Override. Leave them blank to use the saved form's title and description, or enter text suited to this page. Eyebrow adds a short label above the heading.
5. Adjust the containing section's width, columns, spacing, and background so the form is easy to use. Check that the form's Visibility includes the website.
6. Open Preview and inspect Desktop, Tablet, and Mobile Web. Confirm the expected questions appear, labels fit, and the submit action is easy to find.

Inserting a block into an occupied cell can replace the existing content. Use an empty cell or the library block's More options menu to choose a deliberate Before or After position. See Building a page with the visual editor for placement and layout controls.

The picker lists available live forms. If it says No forms published yet, return to Forms, make the intended form live, save it, and reopen the page editor. Do not create a second form just because the picker has not refreshed.

Heading and body overrides belong to this placement. They do not rename the saved form or change its questions on other pages. Conversely, changing questions in Forms updates the shared form used by its placements; the page block does not contain an independent copy of those questions.

The form's Split, Centered, and Image designs apply to its own full-page experience. An embedded form follows its host page's layout. Use the page's section controls to change that placement, or link to the full-page form if you want the standalone design.

Save and publish the containing page

1. Review the entire page, including the selected form, nearby instructions, links, and mobile layout.
2. For a new unpublished page, use Save draft while preparing it. When review is complete, choose Publish and confirm that its status is Published.
3. For an already-published visual page, use Save only when the update is ready for visitors. Save and Save and exit publish changes to that live page.
4. Use View page to open its normal public address. Confirm the form or link appears where intended, then check the same address in a private browser window.

If you need a saved private replacement while an existing page stays live, follow the draft-only workflow for a published page. Switching that page to draft and unpublishing it removes the live page; it does not privately save an update.

A published page cannot make a draft form available. Likewise, making a form live does not publish the containing page. If visitors still see a holding page, maintenance screen, or sign-in requirement, check the intended site access settings.

Keep public forms appropriate for their audience. Leaving a form out of the menu does not make its public address private, and a containing page's restrictions should not be treated as protection for the form's separate public link.

Test the complete visitor journey

1. Start from the page or menu visitors will use, preferably in a private browser window. Follow the new link or reach the embedded form without relying on your admin session.
2. Check the layout on a phone as well as a desktop. Read the introduction, required labels, help text, choices, and submit button. Use the keyboard to confirm you can reach and operate the controls.
3. Try a blank required answer and, where relevant, an invalid email format. Confirm the error is understandable, then enter valid test answers. On the full-page form, also check Back and Next.
4. Submit one clearly labeled test inquiry using an address you control. Read the confirmation and check its return behavior. This is a real submission and may trigger any configured subscription or notification.
5. In Forms, use View submissions for the selected form. Confirm the test answer appears with the values you entered. If you also use mailing-list signup or other follow-up, verify that outcome separately.

Test each placement you changed. A working full-page link does not prove that an embedded block selects the same form or that a mobile menu points to the correct address.

The form editor's Preview form does not send answers. Review the layout there, then submit a test response from the published page and check that it appears in Cedros.

If a submission request times out, check for the saved answer before trying again. If the answer is present but a notification is missing, investigate notification delivery separately rather than concluding the form received nothing.

Keep reused forms and links up to date

When you change questions, required settings, the submit label, or confirmation text in Forms, review every important placement that references that form. A page-specific heading may remain unchanged because its override takes precedence over the saved form title.

Removing a Form block or link from one page does not delete the saved form, remove earlier submissions, or disable its other placements. Save or publish the page change and check the public result.

To stop accepting answers everywhere, switch Live off in the form editor and Save. Its public form becomes unavailable, and embedded placements can no longer offer the active form. Update the pages and links that led to it so visitors have a useful next step. Earlier submissions are retained.

If you replace a form with another one, update both embedded selections and links. Reusing the old form's title does not automatically reconnect its placements to a new form.

Fix common placement problems

The form is absent from the picker: confirm you are editing the correct site, the form is Active, and its save succeeded. Reopen the page editor to refresh the available forms. If the list still cannot load, resolve the visible error before creating another form.

The page says the form is unavailable or unpublished: check the selected form, its Live setting, and the saved state. Re-select the intended available form if the block references a form that was removed or replaced.

The wrong questions appear: open the Form picker and verify the selected title. A custom heading can make two different forms look similar, so compare the questions themselves.

The block is visible in the editor but missing from the website: check that the page update was published and the block's Visibility includes web pages. Mobile app only does not mean a phone's web browser.

The link opens the wrong place: replace an admin, preview, sample, or outdated destination with the address from Open form. Then save the page or menu and follow its public link again.

The form looks correct but no answer is saved: repeat one controlled test on the public placement, note the exact error, and check View submissions for the selected form before retrying. For help, share the page address, form title, device/browser, and time of the attempt; keep submitted personal information private. See Getting help with Cedros.