How to Use Translations in Memberstack

Memberstack's translation feature allows you to display your authentication pages and system messages in multiple languages, providing a localized experience for your members worldwide.

Overview

The translation system covers two main areas:

• Error & Success Messages: System notifications that members see during interactions
• SSO Hosted Login Pages: The user interface for Memberstack's hosted authentication pages

Supported Languages

Memberstack provides professional translations for 12 languages:

• English (default)
• Spanish (Español)
• French (Français)
• German (Deutsch)
• Portuguese (Português)
• Hindi (हिन्दी)
• Italian (Italiano)
• Japanese (日本語)
• Chinese (中文)
• Dutch (Nederlands)
• Russian (Русский)
• Slovak (Slovenčina)

If you want your language added to the list please let us know by creating a support ticket.

Getting Started

Step 1: Navigate to Translations

1. Log in to your Memberstack dashboard
2. Go to Settings → Translations
3. You'll see two sections: "Error & Success Messages" and "SSO Hosted Login Pages"

Step 2: Enable Translations

Each section has a toggle switch. Turn it on to enable translations for that category.

Step 3: Choose Your Language

1. Click the "Quick load a language" dropdown
2. Select your desired language
3. All fields will automatically populate with professional translations

Step 4: Customize (Optional)

You can modify any translation to better fit your brand voice:

1. Click on any text field
2. Edit the translation
3. Your changes are saved automatically

What Can Be Translated

Error & Success Messages

These include:

• Authentication errors: "Invalid email or password", "Account not found"
• Password messages: "Password reset instructions sent", "Invalid reset code"
• Account messages: "Email already in use", "Account successfully created"
• Plan messages: "Plan added successfully", "Member limit reached"
• Payment messages: "Payment failed", "Subscription updated"

SSO Hosted Login Pages

You can translate all text on:

• Login page: Email/password fields, login button, "Forgot password?" link
• Signup page: Registration form fields and buttons
• Password reset: Reset request and new password forms
• Social login: "Continue with Google/Facebook" buttons

Using Quick Load Languages

The Quick Load feature is the fastest way to implement translations:

1. Select a language from the dropdown
2. All fields instantly populate with translations
3. A green checkmark appears confirming the language is loaded
4. You can still customize individual translations after loading

Creating Custom Translations

For languages not in our Quick Load options:

1. Leave "Quick load a language" blank
2. Manually enter translations for each field
3. The system will show "Custom translations detected"
4. Save your changes

Best Practices

1. Test Your Translations

• Use the preview pane to see how translations appear
• Test the actual member experience in a private browser

2. Keep Translations Consistent

• Use the same terminology across all messages
• Match your brand's tone of voice

3. Consider Context

• Some languages require more space than English
• Test that translated text fits properly in buttons and forms

4. Update Regularly

• Review translations when adding new features
• Keep translations in sync with your main application

Advanced Features

Translation Progress Tracking

The dashboard shows the percentage of fields translated, helping you track completion.

Language Detection

The system automatically detects if your translations match a standard language pack or are custom.

Unsaved Changes Warning

You'll be alerted if you try to leave the page with unsaved translation changes.

Translating Modals and Custom UI

For elements not covered by the standard translation system:

1. Use Memberstack's DOM Package
2. Implement custom JavaScript to detect language preferences
3. See our Memberstack Pre-built Modal Translations  for detailed instructions
4. Contact our Customer Support with any questions.  

Troubleshooting

Translations Not Appearing

• Ensure translations are enabled (toggle is on)
• Clear your browser cache
• Check that Memberstack.js is properly installed

Wrong Language Displaying

• Verify the correct language is selected
• Check for custom code that might override translations
• Ensure all fields are properly filled

Custom Translations Reset

• Custom translations persist even when loading a new language
• To fully reset, reload the page and select a new language

Frequently Asked Questions

Q: Can I add languages not in the Quick Load list? A: Yes! Use custom translations to add any language.

Q: Do translations work with custom forms? A: The translation system works with Memberstack's hosted pages. For custom forms, you'll need to implement your own translation logic.

Q: Can members choose their preferred language? A: The translation system sets one language for all members. For member-selectable languages, you'll need custom implementation.

Q: Are translations included in all plans? A: Yes, translations are available on all Memberstack plans.