Weglot Integration

This article will show you how to integrate weglot with the beans applications.

Weglot is a SaaS tech start-up that helps businesses turn their websites multilingual. To succesfully integrate Weglot with the Beans applications, you need to ensure that you have installed the app in your Shopify store and the language switch button appears in your store. Here is the weglot guide to set it up in your Shopify store: https://support.weglot.com/article/84-shopify-integration-setup

After you have successfully installed the app , you need to go to the Weglot app settings, To do this: Go to the App section of the Shopify Admin and click on Weglot.

click on weglot

When you click on the Weglot app other options will appear, you need to scroll down through the other options, there you will see the option labeled Dynamic elements.

Here you will add the referral program properties

To Integrate With Liana

Add the rewards program page container id (#liana-rewards-page). In the Input labelled Dynamic elements. For Liana you will be adding: #liana-rewards-page

Click On Save.

To Integrate With Bamboo

Add the referral program page container id (#bamboo-referral-page) and the Bamboo popup container id (#bamboo-popup-container) in the dynamic element section, You need to add them individually. For Bamboo you will be adding: #bamboo-referral-page #bamboo-popup-container

Click On Save.

To Integrate With Arrow

Add arrow button class (.beans-arrow) and arrow popup class (.beans-arrow-popup). For Arrow you will be adding: .beans-arrow .beans-arrow-popup

Click On Save. To test if the Weglot integration works for Arrow Go to your store Login/Register page and switch the language. Confirm that the Connect with Facebook button text is translated to the currently selected language.

To Integrate With Poppy

When you click on the Weglot app other options will appear, you need to scroll down through the other options, there you will see the option labeled Custom Css.

In the input labelled Custom CSS, add the following entry:

.weglot-container {

z-index: 999999999;

}

Now add poppy popup class (.beans-poppy-popup) In the input labeled Dynamic element. For Poppy you will be adding: .beans-poppy-popup

Click On Save.

Among the rules for Poppy, there is a Popup that appears on the checkout page for the Weglot integration to be effective on the checkout page. You will need to add a coding snippet from Weglot on the Shopify checkout page. Here is an article explaining how you can do this: https://help.trybeans.com/integrations/integrating-weglot-on-the-checkout-page.

Generally for the translations to be 100% effective you need ensure that you activate English as your store language in the admin interface. With this the integration will work as expected.