How do I add a form to my website?

How do I add a form to my website?

You can put a Vome form directly inside a page on your own website, so people fill it in without ever leaving your site. Submissions arrive in Vome exactly as they would through a share link. This article covers how to get the code, the three ways you can place a form, and what you can change about how it looks.

Info
Plan required: Adding a form to your own website is available on the Enterprise and Ultimate plans. On other plans your forms still work normally through their share links and QR codes.

1. What does adding a form to my website actually do?

It places your live Vome form inside one of your own web pages. Visitors see it as part of your site, fill it in there, and never get sent to a Vome address.

It is the same form, not a copy. If you change a question in Vome, the version on your website changes with it. You do not need to update the code you pasted, and there is nothing to keep in sync.

Typical uses:

  • A sign-up form on your "Get involved" page.
  • An application form on a specific program page.
  • An interest form that opens from a button in the corner of every page.

2. What do I need before I start?

Three things:

  • A published form. Drafts and archived forms cannot be added to a website. Publish the form first.
  • The Enterprise or Ultimate plan.
  • Somewhere to paste HTML on your website. Most website builders have a block for this, often called an embed block, a custom HTML block, or a code block.

You will also want Allow guest submissions turned on. See question 6.

3. Where do I find the code?

There are three ways in, and they all open the same window.

From the forms list:

  1. Go to Forms.
  2. Find your form and click the three dots on its card.
  3. Choose Add to website.

From inside a form:

  1. Open the form.
  2. Click Actions at the top right.
  3. Choose Add to website.

And while you are building or editing a form, the settings panel has an Embed on your website section with the same button.

If you do not see Add to website, the form is probably not published yet.

The window asks how you want to add the form, then shows you a live preview alongside the code. Click Copy code and paste it into your page.

4. What are the three ways to add a form?

You pick one when you open the window, and you can switch at any time by clicking the Embed type button.

Inline embed. The form sits in the page, in the flow of your content, and takes up the width you give it. It grows and shrinks as people work through it, so there is never a scrollbar inside a box. Use this when the form is the point of the page.

Popup button. A small floating button sits in the corner of every page you paste the code into. Clicking it opens the form in a popup over your page. You choose the button text, its colours, and whether it sits in the bottom right or bottom left. Use this when you want the form reachable from anywhere without giving it a page of its own.

Popup link. A text link inside your own writing. Clicking it opens the same popup. Use this when you want the form offered in a sentence, for example "ready to join us? Sign up here."

Both popup versions fill the screen on a phone, so they stay usable on small screens.

5. Can I change how the form looks?

Yes. The left side of the window has the settings, and the preview updates as you change them. There is no save button. Your changes are kept as you make them.

Under Appearance:

  • Background. By default the form has no background of its own, so your page's own background shows through and the form reads as part of the page. You can set a specific colour instead.
  • Maximum width. How wide the form is allowed to get. Useful when your page column is wide and the form would otherwise stretch too far.
  • Corner radius. How rounded the form's cards are, so they can match the rest of your page.

Under What to show, four switches control how much of the Vome page comes with the form. All four start on.

  • Cover photo
  • Organization name and logo
  • Form title
  • Form description

Turn off whatever your page already says. If your page has its own banner and heading, turning off the cover photo and the title stops the reader being told the same thing twice.

6. Do visitors need a Vome account to submit?

Not if you turn on guest submissions.

Allow guest submissions is a separate setting on the form itself. With it on, anyone can fill in the form and submit it, and a profile is created for them from what they entered.

Caution
Caution: If guest submissions are off, visitors are asked to log in before they can submit, which is usually the opposite of what you want on a public page. The Add to website window warns you and offers to turn it on in one click.

7. Where do the submissions go?

To the same place as every other submission for that form. Open the form in Vome and they are listed there, alongside submissions that came through the share link or a QR code.

Everything else about the form behaves normally too. Notifications still go out, automations still run, and any sequences or opportunities the form assigns still apply.

8. Can I use the same form on more than one page?

Yes. Paste the same code onto as many pages, and as many websites, as you like. There is no limit and nothing to set up per page.

You can also mix the three types. The same form can be an inline embed on your sign-up page and a popup button everywhere else. Each piece of code carries its own type, so copy the code separately for each one rather than reusing a snippet you set up differently.

9. What happens if I turn it off later?

The form stops appearing on your website, and visitors see a short message instead of the form. Nothing is deleted. Your settings are kept, and turning it back on restores the form exactly as it was, with the code you already pasted still working.

The same thing happens if your plan changes to one that does not include this. Your settings stay, and the form comes back when the plan does.

10. Does this affect who can see the form?

No. A published form is already reachable by anyone who has its link. Adding it to your website changes where people meet the form, not who is allowed to fill it in.

If you need a form restricted to particular people, control that on the form itself rather than by choosing where to place it.

Summary

  • Adding a form to your website needs the Enterprise or Ultimate plan, and a published form.
  • Find the code under Forms, in the three dot menu on a form card, or under Actions inside the form.
  • Three types: inline embed, popup button, and popup link.
  • You can set the background, the maximum width, and the corner radius, and hide the cover photo, organization name and logo, form title, or form description.
  • Turn on Allow guest submissions, or visitors are asked to log in before submitting.
  • Submissions, notifications, and automations all behave exactly as they do elsewhere.
  • Paste the same code on as many pages and sites as you want.