Get HashBar Pro for just $1 for your first month Claim Now →

WPML & Multilingual

HashBar Team
3 min read
Shared Features (4)

Overview

HashBar is fully compatible with WPML (WordPress Multilingual Plugin), allowing you to create announcement bars and popup campaigns in multiple languages. Serve localized content to visitors based on their language, making your global marketing efforts more effective.

What Is WPML?

About WPML

  • WPML: WordPress Multilingual Plugin
  • Purpose: Manage multiple language versions of your WordPress site
  • How It Works: Creates separate content for each language
  • Automatic Display: Shows correct language based on visitor browser/selection
  • Website: wpml.org

WPML Compatibility

  • Status: HashBar is fully compatible with WPML
  • Versions: Works with WPML 4.0+
  • Languages: Support for unlimited languages
  • Performance: No performance impact

Getting Started with WPML and HashBar

Prerequisites

  • WordPress site set up
  • WPML plugin installed and activated
  • Multiple languages configured in WPML
  • HashBar plugin installed and activated

Setting Up WPML (Quick Overview)

  1. Install WPML from wpml.org
  2. Activate the plugin
  3. Run WPML setup wizard
  4. Add languages you want to support
  5. WPML handles language detection automatically

For detailed WPML setup, see WPML documentation

Translating Announcement Bars with WPML

How It Works

With WPML, you can create language-specific versions of your announcement bars:

  • Default Language: Create bar in your primary language
  • Translations: WPML allows translating bar content to other languages
  • Automatic Display: Each visitor sees their language version
  • Settings Sync: Targeting, frequency, and scheduling settings apply to all language versions

Creating a Multilingual Bar

Step 1: Create Bar in Default Language

  1. Log in to WordPress dashboard
  2. Navigate to HashBar → Announcement Bars
  3. Click Create New Bar
  4. Configure your bar:
    • Title/Headline
    • Body text
    • Button text and link
    • Colors and styling
  5. Set all other options:
    • Targeting (pages, devices, users)
    • Frequency control
    • Scheduling
  6. Click Save & Publish

Step 2: Make Bar Translatable

  1. Open the bar you just created
  2. Look for Language selector (usually top-left or in admin bar)
  3. You should see your default language and other available languages
  4. WPML automatically recognizes HashBar bars as translatable

Step 3: Add Translation

  1. In the bar editor, click on the language you want to translate to
  2. WPML shows the translation form
  3. Translate each field:
    • Headline (translate to target language)
    • Body text
    • Button text
    • Any other text fields
  4. Keep URLs and technical settings the same (or adjust if needed)
  5. Click Save Translation

Step 4: Verify Display

  1. Visit your website
  2. Switch to different languages (using WPML language switcher)
  3. Verify bar displays in correct language
  4. Test that bar appears on targeted pages

Example: Translating a Promotional Bar

English Version

  • Headline: "Summer Sale: 30% Off Everything"
  • Body: "Limited time only. Use code SUMMER30 at checkout."
  • Button: "Shop Sale"

Spanish Translation

  • Headline: "Venta de Verano: 30% de Descuento"
  • Body: "Tiempo limitado. Usa el código SUMMER30 en el carrito."
  • Button: "Comprar Venta"

French Translation

  • Headline: "Soldes d'Été: 30% de Réduction"
  • Body: "Offre limitée. Utilisez le code SUMMER30 à la caisse."
  • Button: "Acheter"

Translation Best Practices

  • Native Speakers: Use native speakers for accurate translations
  • Cultural Adaptation: Adapt messaging to cultural differences (not just direct translation)
  • Offer Localization: Adjust discounts for local purchasing power if needed
  • Currency: Display correct currency for each market
  • Testing: Test each language version thoroughly
  • Consistency: Keep brand voice consistent across languages

Translating Popup Campaigns with WPML

Creating Multilingual Popups

Popup campaigns work identically to bars with WPML:

Step-by-Step Process

  1. Navigate to HashBar → Popups
  2. Create your popup in your default language
  3. Configure all popup settings (targeting, frequency, etc.)
  4. Click Save & Publish
  5. In the popup editor, use the language selector to add translations
  6. Translate all text fields to target languages
  7. Save each translation

Popup Translation Tips

  • Headline Priority: Translate headline first (most visible)
  • CTA Button: Critical to translate button text accurately
  • Form Labels: Translate form field labels and placeholder text
  • Consistency: Use same translated terms across all popups
  • Testing: Test form submission in each language

Email Capture Popup Example

English Version

  • Headline: "Join Our Newsletter"
  • Body: "Get exclusive deals and updates delivered to your inbox"
  • Form Label: "Enter your email"
  • Button: "Subscribe"

German Translation

  • Headline: "Melden Sie sich für unseren Newsletter an"
  • Body: "Erhalten Sie exklusive Angebote und Updates in Ihrem Posteingang"
  • Form Label: "Geben Sie Ihre E-Mail ein"
  • Button: "Abonnieren"

Managing Translations

WPML Translation Dashboard

WPML provides a translation management interface:

  • Location: WPML → Translations in WordPress admin
  • View: See all HashBar bars and popups pending translation
  • Status: Track which translations are complete, incomplete, or outdated
  • Translate: Manage all translations from this interface

Translation Status Indicators

Status Meaning Action
Complete Translation is done and current No action needed
Pending Translation hasn't been started Start translation
Outdated Original was updated after translation Review and update translation

Updating Translations

When you update a bar or popup in the default language:

  • Automatic: WPML marks translations as "outdated"
  • Not Deleted: Old translations remain; just marked for review
  • Manual Update: You decide whether to update each translation
  • Minor Changes: For small text changes, minor edits are sufficient
  • Major Changes: For significant content changes, retranslate fully

Workflow for Updates

  1. Edit your bar/popup in default language
  2. Update the content/messaging
  3. Save changes
  4. Check WPML dashboard for outdated translations
  5. For each language:
    • Click to view the translation
    • Review original changes
    • Update translation to match new version
    • Mark as "Translated"

Advanced: WPML Translation Services

Professional Translation Services

WPML integrates with professional translation services:

  • Available Services: Multiple professional translation APIs
  • Cost: Paid service, charged per word translated
  • Quality: Professional human translations available
  • Setup: Configure in WPML settings

Using Professional Translation

  1. Open WPML dashboard
  2. Find bar/popup needing translation
  3. Click Send for Translation
  4. Select target languages
  5. Choose translation service (automatic or professional)
  6. WPML handles the rest
  7. Translations appear in your dashboard when complete

Localization Strategy

Beyond Translation

Effective localization goes beyond just translating text:

Language-Specific Offers

  • Regional Pricing: Different discounts for different regions
  • Currency: Display correct currency (€, £, ¥, etc.)
  • Payment Methods: Show relevant payment options by region
  • Local Events: Promote country-specific holidays/events

Cultural Customization

  • Colors: Some cultures prefer different colors
  • Images: Use culturally relevant product photos
  • Messaging: Adapt tone and approach for each culture
  • Values: Highlight values important to each market

Localized Bars/Popups Example

Global E-commerce Store:

  • US English: "Black Friday Sale - 50% Off" (November)
  • UK English: "Black Friday Sale - 50% Off" (November, same dates)
  • Japan: "Winter Sale - ¥5000 Off" (December, with local currency)
  • Germany: "Winterschlussverkauf - 50% Rabatt" (January, local season)
  • Brazil: "Black Friday - 50% de Desconto" (November)

Troubleshooting WPML Integration

Bars Not Translating

Problem: Translation Option Not Appearing

  • Check: Is WPML activated?
  • Check: Are multiple languages configured in WPML?
  • Solution: Verify WPML setup is complete
  • Solution: Go to WPML Settings and ensure languages are active

Problem: Translated Bar Not Showing

  • Check: Is translation marked as "Complete"?
  • Check: Is bar published in that language?
  • Check: Switch to that language on your site
  • Solution: Manually republish if needed

Language Not Switching

Problem: Bar Always Shows in Default Language

  • Check: Is WPML language switcher working?
  • Check: Is the bar targeting correct pages?
  • Solution: Test WPML on your front-end language switcher
  • Solution: Clear browser cache and cookies

Performance Issues

Problem: Site Slow with Multilingual Setup

  • Normal: WPML + multiple languages adds minimal overhead
  • Check: Other plugins or themes might be the issue
  • Solution: Disable other plugins temporarily to test
  • Solution: Enable WPML caching in WPML settings

Best Practices for Multilingual Campaigns

Planning

  • Prioritize Languages: Start with your top-traffic languages
  • Timeline: Factor in translation time (1-3 days per language)
  • Budget: Plan for professional translation if needed
  • Coordination: Align launch dates across all languages

Execution

  • Create Once: Build bar/popup in default language with all settings
  • Translate After: Add translations after default version is complete
  • Test Each: Test each language version before launch
  • Version Control: Keep track of translation updates

Maintenance

  • Regular Updates: Keep translations current when you update content
  • Monitor Performance: Track metrics by language in analytics
  • Feedback: Gather feedback from native speakers
  • Continuous Improvement: Refine translations based on performance

Analytics with Multilingual Setup

Viewing Multilingual Performance

In HashBar analytics, you can filter by language:

  • Views by Language: How many views in each language
  • Clicks by Language: Engagement by language
  • Conversions by Language: Which languages convert best
  • Compare Performance: See which translations perform best

Optimization Insights

  • Best Performers: Which language versions have highest CTR?
  • Underperformers: Test new translations for low-performing languages
  • Seasonal Trends: Some languages may perform better seasonally
  • A/B Test by Language: Run separate tests for each language version

Common Multilingual Scenarios

Global E-commerce Store

  • Goal: Promote products to international audience
  • Languages: 5-10 main languages
  • Approach: Create base bar, translate to each language, adjust offers by region
  • Result: Each market sees localized messaging and pricing

International SaaS Company

  • Goal: Drive free trial signups globally
  • Languages: English, Spanish, French, German, Japanese
  • Approach: Create email capture popup, translate, test each version
  • Result: Higher signup rates from localized messaging

Multi-Language Blog

  • Goal: Newsletter signups for different language audiences
  • Languages: Multiple European and Asian languages
  • Approach: Bar on every post, translated to match post language
  • Result: Consistent language experience for readers

Related Documentation

Was this article helpful?

Your feedback helps us improve our documentation.

Ready to Boost Your Conversions?

Join 10,000+ WordPress sites already using HashBar to turn visitors into customers. Start free — upgrade when you're ready.

30-day money-back guarantee · No credit card required for free version