Skip Navigation
Home » WPML Documentation » WooCommerce Extensions Compatibility » Translating WooCommerce Product Add-Ons with WooCommerce Multilingual

Translating WooCommerce Product Add-Ons with WooCommerce Multilingual

Dario
Updated
July 3, 2024

The Product Add-On extension for WooCommerce allows you to customize products with options such as input boxes, checkboxes, and dropdown menus. With WooCommerce Multilingual, you can translate any product add-ons you create.

A product with add-ons created using WooCommerce Product Add-ons

On This Page:

Getting Started

Start by installing and activating the following plugins:

If you’re new to WPML, check out our Getting Started Guide. It quickly walks you through different translation options you can use.

To learn how to set up a multilingual and multi-currency site, check out our guide to using WooCommerce Multilingual.

Translating Product Add-Ons

There are two types of add-ons you can create for your products. They both have different translation workflows:

  1. Per-product add-ons are add-ons for specific products. You can translate them with:
  • The Translate Everything Automatically mode, which translates your sites content as you add or edit it. You can review your translations before publishing them to make sure they’re accurate.
  • The Translate What You Choose mode, which allows you to decide what to translate and who will translate it. Choose from translating the content yourself, assigning it to individual translators, or enlisting the help of a professional translation agency.
  1. Global add-ons are used for multiple products in your store based on the product categories you assign them to. You can translate them using String Translation. With String Translation, you can also translate other strings related to Product Add-ons such as front-end fields and labels.

Creating and Translating Per-Product Add-Ons

To create per-product add-ons:

  1. Create or Edit a product and click the Add-ons tab in the Product data section.
  2. Add the Fields and Options for your product. You can also choose from different front-end display options such as checkboxes, dropdown menus, etc.
The Add-ons tab in the Product data section of the product page

To translate per-product add-ons by yourself:

  1. Go to WooCommerce → WooCommerce Multilingual and click the plus icon next to the language you want to translate your product into.
Clicking the plus icon to translate a product
  1. You’ll be taken to the Advanced Translation Editor. If you have translation credits, you can translate the content automatically. Otherwise, click the plus icon next to each line to add your translations and click Complete when you’re done with them all.
Translating a product in the Advanced Translation Editor
Translating a product in the Advanced Translation Editor

On the front-end, you should be able to see your translated product and per-product add-ons:

Translated product on the front-end

Setting Custom Prices for Per-Product Add-On Options

If your store uses multiple currencies, you can set custom prices for your add-on options in each currency:

  1. Go to Products → All Products and Edit the product that you want to set custom prices for. In the General section, choose Set prices in other currencies manually.
Enabling the option of setting prices in other currencies manually
  1. Switch over to the Add-ons section and click the Pencil icon to add your custom prices in each currency.
Setting prices for product add-ons in multiple currencies manually

Creating and Translating Global Add-Ons

To create global add-ons, go to Products → Add-ons. Similarly as with per-product add-ons, you can add multiple options and choose how to display them on the front-end.

With global add-ons, you can also select the Product Categories you’d like the add-on to be applied to.

Creating global product add-ons

To translate global product add-ons:

  1. Go to WPML → String Translation. In the In domain section, use the drop-down menu to select the wc_product_addons_strings domain.
  2. Click the plus icon next to each string to add your translations and hit enter to save them.
Translating global product add-ons with String Translation

Setting Custom Prices for Global Add-On Options

You can set custom prices for your global add-ons in each currency by going to Products → Add-ons. Edit the add-on you want to change the currency settings for. In the Multi-currency settings section, enable the Set prices in other currencies manually option. You’ll then be able to click the Pencil icon to change the prices in each currency.

Setting prices for global product add-ons manually

Translating Other Front-End Fields and Labels

The WooCommerce Product Add-On extension features some additional fields and labels used on the front-end. An example of this is the Select an Option text you see before selecting an add-on from the dropdown list.

You can translate these texts and other additional texts coming from your theme and plugins with String Translation.

Front-End Results

Once you finish translating all your per-product and global product add-ons, you can take a look at the results on the front-end:

A translated product with per-product and global add-ons on the front-end

Known Issues

There are no unresolved compatibility issues between this plugin and WPML. Search all known issues.