Help Center Home
How To: Set and Customize Language Preferences for Online Applications
Authored by: Megan Gill
on 4/16/2025 3:32:00 PM

Introduction

CharityEngine supports multilingual configurations to enhance the user experience for diverse audiences. This article outlines how to set global and form-specific language preferences, apply custom translations, and enable automatic translation features using tools like Google Translate.



Prerequisites

 

Setting a Global Language Preference

To set a default language for all online applications (e.g., web forms, the constituent portal, peer-to-peer integrations):

  1. Navigate to the Configuration app.

  2. Select General & Account Settings.

  3. Click on the Online tab.

  4. Select your preferred language under Language Preferences.

  5. Click Save.

    πŸ“ Once saved, all online applications will automatically reflect the selected language by default.


Setting Language Preferences for Individual Web Forms

If you prefer to translate only specific web forms:

  1. Navigate to the Online app > Web Forms > Search & Manage.

  2. Locate the form you'd like to update and click Manage.

  3. Navigate to the Advanced tab.

  4. Under Payments: General, you'll find the Language setting.

  5. By default, this mirrors the global language setting. To override:

    • Select a different language for the form.

    • Click Save.

The selected web form will now display in the specified language.


Adding Google Translate to Online Applications

Organizations seeking to support multiple languages or offer real-time translation can implement Google Translate via a custom script.

Step 1: Add the Template

  1. Navigate to the Configuration app.

  2. Select Design & Message Templates.

  3. Choose Website Design as the template type.

  4. Add or edit a template, embedding the Google Translate script of your choice.

πŸ” The script can also be enablabled for automatic page translation and a dropdown for users to select their preferred language.

Suggested Google Translate Scripting Option (1 language, no drop down)

<script src=https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit></script>

<script>

setCookie('googtrans', '/en/fr-CA', 365, 'None');

function googleTranslateElementInit() {

document.body.addClassName('googleTranslateOn');

new google.translate.TranslateElement({

pageLanguage: 'en',

includedLanguages: 'fr-CA',

autoDisplay: true

});

}



</script>

Step 2: Apply the Template to Web Forms or the Constituent Portal

  • For Web Forms:

    1. Navigate to Online > Web Forms > Search & Manage.

    2. Manage your web form.

    3. Click the Design tab.

    4. Select your custom template with the translation script.

    5. Click Save.

  • For the Constituent Portal:

    1. Go to Online > Constituent Portal.

    2. Access General Settings.

    3. Apply your translated template under Template.

    4. Click Save.

⏳ Note: When using Google Translate, there may be a slight delay in the language rendering.


Translating Email Verification Content

To customize and translate your email verification messages:

  1. Navigate to the Configuration app > Campaigns > Default Settings.

  2. Select the Deliverability tab.

  3. Scroll to Email Verification and update the following fields:

    • Email Subject

    • Headline

    • Button Label

    • Footer Text

βœ… Best Practice: If supporting two languages, consider displaying both within the same field using a separator (e.g., English - Español).

  1. Click Update to save changes.


Frequently Asked Questions






Related Articles

Powered by Powered By CharityEngine