Add a contact form

A contact form lets visitors send you a message from your website. Wobbio keeps every message for you and can email you when one comes in. The easiest way is to let the AI add the form; you can also set it up yourself first.

Let the AI add the form

1. Open the page where the form should go, like your Contact page.
2. Open the AI chat.
3. Under the message box, set the AI to Frontend + Wobbio apps. Without this, the AI can't add apps. See AI chat settings.
4. Ask for the form, for example: “Add a contact form to the Contact page, below the heading.”

The AI adds the Contact form app with the fields Name, Email address and Message, and puts it on the page. Bigger requests can take the AI some time; if it pauses, the chat asks whether to continue.

Or set up the form yourself

1. In the editor's side menu, under In this project, select the plus next to Apps. The Recommended apps window opens.

   

2. On the Contact forms card, select Add.

3. Give the form a name, like “Contact form”. Visitors don't see it: it is for you, in the list of apps.

4. Check the fields. Name, Email address and Message are already there. Select Add field for more, or the pencil to change a field.

   

5. Select Add app.

The form is now ready, but not on a page yet. Ask the AI chat to put it on the page you want, as in Let the AI add the form.

Get an email for every message

1. Under Apps, select your form. The window with its settings opens on Form settings.
2. Under Email alerts, turn on Send email notifications.
3. Under Send notifications to, choose your email address. Only verified email addresses can be chosen.
4. Select Save changes.

You can also send visitors a confirmation email: turn on Send a confirmation email to the visitor.

Read the messages

Under Apps, select your form and then Submissions. Every message is there, also the ones that came in before you turned on emails.