Form alert messages

Last updated: January 27, 2023 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 JavaScript code.

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;
  • 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.

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;
  • Portuguese (Brazil);
  • Polish.

NOTE: When you add a pop-up to a landing page made in Landingi, the language of pop-up form alert messages will be adjusted to the language of this landing page alert messages. Pop-ups added to an external page (e.g. Shopify store) will display alert messages in a language you set up in the pop-up editor.

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 JavaScript code.

1. Go to the Dashboard of your landing page.

2. Navigate to the JavaScript Code tab and click Add new 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 (1) and choose the Body bottom (2) position on the Main page (3). Paste your code in the content field (4). Then click Add script.

5. Check if messages display correctly on your landing page.

share

Was this manual helpful?