Notice Element
The Notice Element shows the visitor what happened after they sent a form: a success message when the submission went through, or an error message when something went wrong. It is added inside a Tirenoa Form (Tirenoa > Forms), usually just above or below the submit button.
Without it, a visitor may not know whether the form was sent at all. When the Alert element is enabled, the messages are displayed in its style, so they match the rest of the site’s notices. You write both texts yourself, so the reply can tell visitors what happens next.
In this article: How To Use · Element Options · Tips · Related Elements
How To Use The Notice Element
Add the Notice Element to your form where the message should appear. The Success Message and Error Message fields already contain a standard text when you add the element; replace them with your own wording, for example how quickly you will reply.
Both messages stay hidden until the form is sent; then only the matching one is shown. Use Margin to control the space around the message, and CSS Class or CSS ID for custom styling.
The messages are used by forms with the AJAX Submission Type. When a form uses POST, the Notice Element does not display them, because the data is handed to your own processing, which is then responsible for the response.
Element Options
The tables below list every option of the element, grouped by the tabs you see when you edit it in the Builder. Many options depend on others, so the edit screen only shows the options that apply to your current choices.
General
| Heading | Description |
|---|---|
| Success Message | Enter a message to be shown when the form has been successfully submitted. |
| Error Message | Enter a message to be shown when a problem has been encountered while submitting the form. |
| Margin | Enter values including any valid CSS unit, for example 4%. |
| CSS Class | Add a class for the form field. |
| CSS ID | Add an ID for the form field. |
Conditionals
| Heading | Description |
|---|---|
| Conditional Logic | Add conditional logic for the input field. |
Tips
- Place the notice close to the submit button so visitors see it without scrolling, especially on phones.
- An empty message is not shown at all. Keep both fields filled in so every outcome gives the visitor feedback.
- Write the error message as a next step, for example that the visitor can call or email you directly.
- The error message is also shown when the spam check of a Honeypot Field stops a submission.