Translate Porto Theme with Loco Translate Plugin

Translate Porto Theme with Loco Translate Plugin

The Porto theme fully supports translation using the Loco Translate plugin, allowing you to translate theme strings, WooCommerce text, and supported plugins directly from the WordPress dashboard—without editing files manually.

This guide explains the recommended workflow for Porto, including best practices to keep translations safe during updates and how to handle dynamic widget text.

Before You Start

Make sure the following requirements are met

  • Porto theme is installed and activated
  • Loco Translate plugin is installed and activated
  • Your site language is correctly set in Settings → General → Site Language

Step 1: Install and Activate Loco Translate

  1. Go to Plugins → Add New
  2. Search for Loco Translate
  3. Install and activate the plugin

Once activated, a new Loco Translate menu appears in the WordPress dashboard.

Loco Translate Plugin

Step 2: Choose What to Translate

Go to Loco Translate → Home and you will see translation targets such as

  • Themes → Porto (theme interface strings)
  • Plugins → Porto Functionality
  • Plugins → WooCommerce (shop-related text)
  • Other plugins used with Porto

Click the component that contains the text you want to translate.

Theme and plugin list in Loco translate plugin's Home page

Step 3: Create or Edit a Translation

  1. Click New Language (or select an existing language to edit)
  2. Choose your target language
  3. Recommended location: Custom
    This prevents translations from being overwritten during theme or plugin updates
  4. Click Start Translating
Adding New language in Loco translate plugin
Choose language and location of language file in Loco translate plugin

Step 4: Synchronize Strings (Important)

Before translating—or after any Porto, WooCommerce, or plugin update

  1. Click Sync in the Loco Translate editor
  2. This updates the string list with newly added or changed text

Always synchronize after updates to ensure no strings are missing.

Synchronization and Format check in Language File

Step 5: Translate Strings

Use the search field to locate the text you want to translate.

  1. Click a string from the list to select it
  2. The source language string (commonly English, but not required) appears in the upper panel
  3. In the lower translation panel, enter your translation for the selected language
  4. Repeat this process for all required strings
  5. Click Save to store your translations

Loco Translate automatically updates the .po and .mo files after saving.

Tip: Translate only strings that are actually used on your site to keep translation files clean and manageable.

Translating strings in specific language files using Loco translate plugin

Step 6: Clear Cache and Verify

After saving translations:

  1. Clear your browser cache
  2. Clear all site caches, including Caching plugins, Server cache, CDN cache (if applicable)
  3. Refresh the frontend and confirm translations are visible

Common Issues and Solutions

- Translated Text Does Not Appear

Check the following

  1. Translation was saved in Custom location
  2. Cache has been fully cleared
  3. Correct language is active on the site
- String Not Found in Theme, Plugin, or WooCommerce

If the text does not appear in Porto, WooCommerce, or plugin translation files

  1. The text is likely dynamic content from a widget or builder element
  2. Open the page, template, or block in Elementor or WPBakery
  3. Locate the field that contains the text
  4. Translate it directly in the element settings

Example: Button labels, headings, or descriptions inside Porto elements are often user-defined and are not translatable via Loco Translate.

- Translations Disappear After Update

Cause: Translation was saved in System location

Solution

  1. Recreate the translation using Custom location
  2. Synchronize strings again
  3. Re-save translations

Best Practices for Porto Translations

  • Always use Custom location
  • Synchronize strings after every update
  • Clear all caches after translating
  • Translate widget text directly inside builders when needed
  • Avoid editing .po / .mo files manually via FTP


Share:

Related Posts

Support Related Posts

Featured Posts

Porto is everything you need to create an awesome website!

Don’t have Porto Yet? Purchase Now!