Skip Navigation
Updated
January 29, 2021

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-on you create.

Example of a product add-on created with the Product Add-On extension
Example of a product add-on created with the Product Add-On extension

Requirements

To customize and translate product add-ons, you need the following plugins installed and active on your site:

You also need to perform the basic setup for WooCommerce, WPML, and WooCommerce Multilingual plugins.

We recommend using WPML’s Advanced Translation Editor if you are translating the site yourself or using local translators. It includes many great tools such as automatic translation, translation memory, a spell checker, and more. To enable it, go to WPMLSettings. Under the How to translate posts and pages section, choose Use WPML’s Advanced Translation Editor.

Translating product add-ons

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

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, create or edit a product, and go to the Add-ons tab in the Product Data section.

There, you can add any number of groups that hold your custom products’ add-ons. You can also choose how users select the options on the front-end: as checkboxes, dropdown menus, etc.

Custom product add-ons tab on the product editing page
Custom product add-ons tab on the product editing page

When you finish creating add-ons for a product, go to WooCommerceWooCommerce Multilingual. There, you will see a list of all the products in your site. Click the Plus icon for the corresponding language and the product you wish to translate. Use the Pencil or Refresh icons to update the translations of existing products.

WooCommerce Multilingual main page that lists the shop’s products
WooCommerce Multilingual main page that lists the shop’s products

After clicking the corresponding icon, WPML’s Advanced Translation Editor opens. Here, you can translate all fields for your product, such as title and description.

Translating your product fields
Translating your product fields

To translate the product add-ons, search for the values you created in the search bar and add your translations.

Translating product add-on fields
Translating product add-on fields

Make sure to confirm each translation by clicking the green check mark. Then, click Complete to apply the translations.

Translated product add-on fields on the front-end
Translated product add-on fields on the front-end

Setting custom prices for per-product add-on options

If your site uses multiple currencies, you can set custom prices for your add-on options in each currency. To do this, go to ProductsAll Products and edit the product that you want to customize. In the General section, choose Set prices in other currencies manually.

Set the price calculation method
Setting the price calculation method

In the Add-ons section, click the Pencil icon to add your custom prices in each currency.

Adding custom prices for individual product add-ons
Adding custom prices for individual product add-ons

Creating and translating global add-ons

You can create global add-ons on the ProductsAdd-ons page. Similar to the per-product add-ons, you can add different groups of custom fields. Then, select which product categories you want to display the add-on options.

Global add-on creation/editing page
Global add-on creation/editing page

To translate global product add-ons, go to WPMLString Translation. In the In domain section, use the drop-down menu to select the wc_product_addons_strings domain.

Selecting the product add-ons string domain
Selecting the product add-ons string domain

This lists all the strings associated with your global product add-ons. Click the Plus icon for each string and add your translations.

Translating a product add-on string
Translating a product add-on string

Setting custom prices for global add-on options

You can set custom prices for your global add-ons in each currency by going to ProductsAdd-ons. Edit the add-on you want to change, and choose Set prices in other currencies manually in the Multi-currency settings section.

Multi-currency settings
Multi-currency settings

Click the Pencil icon to change the prices in each currency.

Editing multi-currency settings for individual option
Editing multi-currency settings for individual option

Translating additional front-end fields and labels

The Product Add-On extension features some additional fields and labels used on the front-end. For example, before selecting an add-on from a dropdown, it reads, Select an Option.

You can translate these strings on the WPMLString Translation page. In the In domain section, use the drop-down menu to select the woocommerce-product-addons domain.

Use the corresponding Plus icons to translate any listed strings.

Translating additional strings related to product add-ons
Translating additional strings related to product add-ons

Front-end results

Once you finish translating all your product add-ons, you can see the results on the front-end.

Translated global and per-product add-ons on the front-end
Translated global and per-product add-ons on the front-end