Thanks to the automatic integration of Brand and Product widgets on multilingual Shopify sites, you can display reviews corresponding to the language used by your visitors!
For example, if you've configured multilingual collection in FR and EN, the brand and product widgets will automatically integrate on your site in French and English, respectively.
Before integrating your widgets, you must first have configured multilingual collection via Shopify.
- Brand widgets available for automatic integration must be floating.
- You can automatically integrate multiple brand widgets, and only one product widget per account.
- You can disable automatic widget integration for one language if needed. This will not affect the automatic integration in place for other languages.
Procedure
General:
- If your Shopify theme supports app blocks, the automatic integration banner will appear for the brand and product widgets.
- Go to your theme editor to select the block placement, and activate widget integration.
For each configured account:
- From the menu, go to: Review Display > Integrate My Widgets.
- Click on the pencil icon next to the brand or product widget of your choice.
- Activate automatic integration for the selected widget by checking the box in the upper-right corner of the screen.
If you've already followed the general procedure and published widgets, they should appear on your site.
Thus, the brand and product widgets associated with your FR account will be displayed on your French pages.
Similarly, the widgets from your EN account will appear on your English pages.
- If a language has not been configured in your collection, no widget will automatically display on the front pages of your site for that language.
- If your theme is not compatible with app blocks, you will not have access to the automatic integration banner. You will then need to manually integrate your widgets:
1. Insert the two HTML tags into the theme code where desired.
2. Dynamically integrate the product widget script.
Example of dynamic script integration code (to be added in theme.liquid, adjusting iso_codes to the languages of your site):
{% if request.locale.iso_code == 'fr' %}
<script async charset="utf-8" src="https://widgets.rr.skeepers.io/product/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
{% elsif request.locale.iso_code == "it" %}
<script async charset="utf-8" src="https://widgets.rr.skeepers.io/product/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
{% elsif request.locale.iso_code == "es" %}
<script async charset="utf-8" src="https://widgets.rr.skeepers.io/product/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
{% endif %}