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.
- Getting Started
- Translating Product Add-Ons
- Creating and Translating Per-Product Add-Ons
- Setting Custom Prices for Per-Product Add-On Options
- Creating and Translating Global Product Add-Ons
- Setting Custom Prices for Global Add-On Options
- Translating Other Front-End Fields and Labels
- Front-End Results
- Known Issues
Start by installing and activating the following plugins:
- WooCommerce Product Add-Ons
- WPML core plugin, WPML String Translation and WPML Media Translation add-ons
- WooCommerce Multilingual (comes with your Multilingual CMS account)
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.
There are two types of add-ons you can create for your products. They both have different translation workflows:
- Per-product add-ons are add-ons for specific products. You can translate them with:
- The Translate Everything 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 Some 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.
- 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.
To create per-product add-ons:
- Create or Edit a product and click the Add-ons tab in the Product data section.
- Add the Fields and Options for your product. You can also choose from different front-end display options such as checkboxes, dropdown menus, etc.
To translate per-product add-ons by yourself:
- Go to WooCommerce → WooCommerce Multilingual and click the plus icon next to the language you want to translate your product into.
- 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.
On the front-end, you should be able to see your translated product and per-product add-ons:
If your store uses multiple currencies, you can set custom prices for your add-on options in each currency:
- 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.
- Switch over to the Add-ons section and click the Pencil icon to add your custom prices in each currency.
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.
To translate global product add-ons:
- Go to WPML → String Translation. In the In domain section, use the drop-down menu to select the wc_product_addons_strings domain.
- Click the plus icon next to each string to add your translations and hit enter to save them.
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.
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.
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: