Form alert messages

Last updated: April 1, 2022 Written by: Avatar Magdalena Dejnak
share
Table of contents
share
Table of contents

Alert messages are displayed when users enter invalid data in your form on a landing page, pop-up, or lightbox. By default, form validation messages are displayed in the language of your account in Landingi. You can choose from four default languages for all landing pages, set the language for each form or translate and change the alert using a JavaScript code.

landing page alert messages

Default language for all landing pages

This section shows how to change the language only for new landing pages (those created after you've changed the default language). Scroll down to the next section to read how to change the language of an existing landing page.

Available languages:

  • English;
  • Russian;
  • Portuguese (Brazil);
  • Polish.

1. Log in to your Landingi account. In the upper right corner, click on the user name > Settings.

2. Select the default language for all landing pages.

default language

Now, on all your new landing pages form alert messages will be displayed in the selected language. 

REMEMBER: The language of form alert messages also affects the language of the date/calendar in the form, if it has such a field.

Set the language for an individual landing page, pop-up or lightbox

You can adjust the language for each design separately. 

Available languages:

  • English;
  • Russian;
  • Portuguese (Brazil);
  • Polish.

1. Go to the editor and navigate to Page Settings.

When editing, you can go back to Page Settings by clicking on the arrow:

3. Find the Alert language tab and unfold it. 

4. Select the language from the drop-down menu.

5. Publish your design. Check if the messages display correctly.

REMEMBER: The language of form alert messages also affects the language of the date/calendar in the form, if it has such a field.

Languages other than the default and custom alerts

If you want to display form alert messages in a language other than the four default languages or display a custom alert, you need to add a JavaScript code.

1. Go to the Dashboard of your landing page.

2. Navigate to JavaScript Code tab and click Add script.

3. Customize the following code:

<script> 
  registerValidateCallback(function (html) { 
    return html
      .replace(/Required/g, 'Translation here')
      .replace(/This isn't an email/g, 'Translation here')
      .replace(/This isn't a phone number/g, 'Translation here') 
  }); 
</script>

Replace Translation here with your own alert message that will appear when the user incorrectly fills out the form.

4. Name your script and paste the code in the Body bottom position on the Main page.

validation alert messages Java

5. Click Add and check if messages display correctly on your landing page.

Landingi form alert messages

share

Was this manual helpful?