Beans
ProductsPricingBlog
  • 🚀Getting Started
  • Members
    • Add a member
    • Adjust a member's balance
    • Deactivating a member
    • Import members
    • Custom fields
      • Custom fields on registration
  • rewards
    • Rules
      • Registration
      • Loyalty
      • Cart Booster
      • Facebook Page Like
      • Twitter Follow
      • Instagram Follow
      • Refer a friend
      • Accept referral Invitation
      • Inactivity
      • Celebration
      • Expiration
      • Birthday
    • Tiers
    • Display
      • Redemption block
    • Redemption
      • Redeem points
      • Pending Debits
      • Redemption rate
      • Redemption conditions
      • Buy products with points
      • Redemption issues
    • FAQ
      • How are loyalty revenues generated?
      • Adding Custom CSS
      • Disable checkout auto-redirect
      • Enrollment of customers in the rewards program
      • Why do rules have minimum points?
      • Loyalty points calculation
  • Referrals
    • Getting started
    • Rules
      • Accept Invitation
      • Successful Referral
    • Display
      • Link your referral page to your Shopify store.
      • Link your referral page to your Woocommerce store.
    • Conditions
    • Referrals
    • FAQ
      • Adding Custom CSS
      • Why registration is enforced for referrals.
      • Can Bamboo be used for affiliate marketing?
      • How to test Bamboo?
  • Emails
    • Rules
      • Loyalty â–¸ Welcome
      • Loyalty â–¸ Balance reminder
      • Loyalty â–¸ New transaction
      • Loyalty â–¸ Post-purchase invitation
      • Referral â–¸ Invitation
      • Referral â–¸ Referrer reward
      • Referral â–¸ Friend reward
    • Campaigns
    • Sender email
    • FAQ
      • Replacement tags
      • Sender address
      • Gmail's warning messages
      • Testing email notifications
  • More Apps
    • Social Connect
      • Display
    • Widget
      • Messages
  • INTEGRATIONS
    • Getting Started with Integrations
    • Shopify
      • Referencing Shopify pages
      • Enable customer accounts
      • Template Migration
      • Shopify OS 2.0
      • Using discount codes with redemption
      • Shopify POS
      • Shopify Limitations
      • Uninstallation
      • Shopify customers tags
    • Woocommerce
      • Account Synchronization
      • Referencing WooCommerce pages
      • Setting up permalinks
      • Edit Beans pages
      • Updating your shop domain
      • Manually Installing Beans
      • Reset and reconnect
      • Caching issues
      • Connection Issues
    • Facebook Integration
    • Judge.me Integration
    • Mailchimp Integration
    • Omnisend Integration
    • Sendinblue Integration
    • Weglot Integration
    • API
      • Webhooks
      • Storefront
  • Settings
    • General
    • App activation
    • Plan & Billing
      • Account Suspension
      • List of plans
      • Refund Policy
      • Supported currencies
    • Team access
    • Live Testing
  • FAQ
    • Limitations
    • Phone Support
    • Why is Beans better than the other options?
    • What will my customers see?
    • Can I reach an engineer to talk about technical issues?
    • POS Support
    • Security
    • Terms of Service
    • Privacy Policy
    • GDPR
Powered by GitBook
On this page
  • To Integrate With Liana
  • To Integrate With Bamboo
  • To Integrate With Arrow
  • Integrating Weglot On Shopify Checkout Page

Was this helpful?

  1. INTEGRATIONS

Weglot Integration

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

PreviousSendinblue IntegrationNextAPI

Last updated 2 years ago

Was this helpful?

Weglot is a SaaS tech start-up that helps businesses turn their websites multilingual. To successfully 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:

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.

To Integrate With Liana

Add the rewards program page container id (#liana-rewards-page). In the Input labeled 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.

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

Integrating Weglot On Shopify Checkout Page

Here is a video explaining how you can get the JavaScript code snippet from Weglot:

Scroll down to the Order processing section, in the input labeled Additional scripts, paste the Weglot snippet as shown in the below screenshot.

Click Save.

Here you will add the referral program properties

The Poppy app has a pop-up that appears on the checkout page, In order for Weglot to be able to translate the Popup that appears on the checkout (thank_you) page, A Weglot script must be loaded on that page. To do so, first obtain the JavaScript code snippet by following this guide :

After you have successfully gotten the code snippet you need to add it to the checkout page. To do this go to the checkout page located in the settings section of the Shopify admin. Here is a direct link:

Here is a video showing how you can add the code snippet to the Shopify checkout page. After you have successfully added the coding snippet on the Checkout page the Popup will be translated to the language you select.

https://weglot.com/documentation/setup-guides/generic-setup-guide/#js_inte
https://www.shopify.com/admin/settings/checkout
https://www.loom.com/share/eab2ddeea1624bf487a0e15817e53aff
https://support.weglot.com/article/84-shopify-integration-setup